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内 容 简 介 


本 书 以 项 目 化 任务 为 载体 ,系统 介绍 了 微软 ASP.NET 动态 网 站 开发 技术 。 全 书 共 分 10 章 ,主要 
内 容 包 括 ASP. NET 概述 、 使 用 站 点 导航 控件 和 母 版 页 、 系 统 对 象 与 数据 传递 .服务 器 控件 和 第 三 方 控 
件 、 使 用 ADO.NET 访问 数据 库 、 深 入 数据 库 编程 .XML 访问 技术 、.NET Web 服务 、 网 站 部 署 与 安全 性 
配置 .ASP.NET AJAX 等 。 

本 书 以 一 个 MVC 三 层 架构 的 实际 的 门户 网 站 项 目 为 主线 ,突出 .NET 的 特点 和 应 用 方向 ,强调 “ 边 
做 边 学 ”, 将 理论 知识 分 解 到 一 个 项 目的 众多 任务 中 去 ,并 给 出 了 每 个 任务 实例 的 设计 步骤 和 源 代码 。 

本 书 设计 的 项 目 包括 一 个 多 功能 、 多 角色 的 三 层 架构 新 闻 网 站 、 一 个 同样 多 功能 的 三 层 架 构 博 客 网 
站 ,一 个 基于 系统 对 象 设计 的 聊天 室 ,一 个 基于 XML 技术 的 留言 板 、 一 个 提供 电话 区 号 查询 的 Web 服 
务 、 一 个 基于 AJAX 技术 的 新 闻 展 示 改 进 方案 以 及 网 站 后 台 管 理 、 网 站 配置 和 安全 性 策略 等 。 

本 书 结构 清晰 、 浅 显 易 懂 , 既 可 作为 高 职高 专 院 校 计 算 机 专业 Web 开发 课程 教材 以 及 相关 培训 教 
材 , 也 适合 具有 一 定 计算 机 基础 的 读者 自学 使 用 。 
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出 版 说 明 


我 国 高 职高 专 教育 经 过 近 十 年 的 发 展 ,已 经 进入 深度 教学 改革 阶段 。 
2006 年 12 月 教育 部 发 布 了 教 高 [2006] 第 16 号 文件 “关于 全 面 提高 高 等 
职业 教育 教学 质量 的 若干 意见 ”, 文 件 指出 ,应 大 力 推行 工学 结合 ,突出 实 
践 能 力 培养 ,全 面 提高 高 职高 专 教学 质量 。 

清华 大 学 出 版 社 作 为 国内 大 学 出 版 社 的 领跑 者 ,为 了 进一步 推动 高 
职高 专 计算 机 专业 教材 的 建设 工作 ,适应 高 职高 专 院 校 计算 机 类 人 才 培 
养 的 发 展 趋势 ,根据 教 高 L2006] 第 16 号 文件 的 精神 ,于 2007 年 秋季 开始 
了 切合 新 一 轮 教学 改革 的 教材 建设 工作 。 

目前 国内 高 职高 专 院 校 计 算 机 网 络 与 软件 专业 的 教材 品种 繁多 ,但 
切合 国家 计算 机 网 络 与 软件 技术 专业 领域 技能 型 紧缺 人 才 培 养 培训 方 
案 ,并 符合 企业 的 实际 需要 ,能 够 成 体系 的 教材 还 不 成 熟 。 

我 们 组 织 国内 对 计算 机 网 络 和 软件 人 才 培 养 模式 有 研究 并 且 有 实践 
经 验 的 高 职高 专 院 校 ,进行 了 较 长 时 间 的 研讨 和 调研 , 遵 选 出 一 批 富有 工 
程 实践 经 验 和 教学 经 验 的 双 师 型 教师 ,合力 编写 了 这 套 适用 于 高 职高 专 
计算 机 网 络 、 软 件 专 业 的 教材 。 

本 套 教材 的 编写 方法 是 以 任务 驱动 案例 教学 为 核心 ,以 项 目 开 发 为 
主线 。 我 们 研究 分 析 了 国内 外 先进 职业 教育 的 培训 模式 、 教 学 方法 和 教 
材 特色 ,消化 吸收 优秀 的 经 验 和 成 果 ; 以 培养 技术 应 用 型 人 才 为 目标 ,以 
企业 对 人 才 的 需要 为 依据 ,把 软件 工程 和 项 目 管理 的 思想 完全 融入 教材 
体系 ,将 基本 技能 培养 和 主流 技术 相 结合 ; 课程 设置 重点 突出 、 主 辅 分 
明 、 结 构 合 理 、 衔 接 紧 次。 教材 侧重 培养 学 生 的 实际 操作 能 力 , 学 `. 思 、 练 
相 结合 , 旨 在 通过 项 目 实践 ,增强 学 生 的 职业 能 力 ,使 知识 从 书本 中 释放 
并 转化 为 专业 技能 。 


一 、 教 材 编写 思想 


本 套 教材 围绕 开发 项 目 所 用 到 的 知识 点 进行 讲解 ,对 某 些 知识 点 附 
上 相关 的 例题 ,以 帮助 读者 理解 ,进而 将 知识 转变 为 技能 。 

考虑 到 是 以 “项 目 设计 ”为 核心 组 织 教学 ,所 以 在 每 一 学 期 都 配 有 相应 
的 实 训 课 程 及 项 目 开 发 手册 ,要 求学 生 在 教师 的 指导 下 ,能 整合 本 学 期 所 
学 的 知识 内 容 , 相 互 协作 ,综合 应 用 该 学 期 的 知识 进行 项 目 开 发 。 同 时 在 


ASP NET 动 态 网 站 开发 项 目 化 教程 第 2 版 ) 


教材 中 采用 了 大 量 的 案例 ,这 些 案例 紧密 地 结合 教材 中 的 各 个 知识 点 ,循序 渐进 ,由 浅 人 
深 ,在 整体 上 体现 了 内 容 主 导 、 实 例 解析 、 以 点 带 面 的 模式 ,配合 课程 后 期 以 项 目 设计 贯穿 
教学 内 容 的 教学 模式 。 

软件 开发 技术 具有 种 类 繁多 、 更 新 速度 快 的 特点 。 本 套 教材 在 介绍 软件 开发 主流 技 
术 的 同时 ,帮助 学 生 建立 软件 相关 技术 的 横向 及 纵向 的 关系 ,培养 学 生 综合 应 用 所 学 知识 
的 能 力 。 


二 、 从 书 特色 


本 系列 教材 体现 目前 的 工学 结合 教改 思想 ,充分 结合 教改 现状 ,突出 项 目 面向 教学 和 
任务 驱动 模式 教学 改革 成 果 , 打 造 立 体 化 精品 教材 。 

(1) 参照 或 吸纳 国内 外 优秀 计算 机 网 络 、 软 件 专业 教材 的 编写 思想 ,采用 本 土 化 的 实 
际 项 目 或 者 任务 ,以 保证 其 有 更 强 的 实用 性 ,并 与 理论 内 容 有 很 强 的 关联 性 。 

(2) 准确 把 握 高 职高 专 软件 专业 人 才 的 培养 目标 和 特点 。 

(3) 充分 调查 研究 国内 软件 企业 ,确定 了 基于 Java 和 .NET 的 两 个 主流 技术 路 线 , 再 
将 其 组 合成 相应 的 课程 链 。 

(4) 教材 通过 一 个 个 的 教学 任务 或 者 教学 项 目 , 在 做 中 学 ,在 学 中 做 ,以 及 边 学 边 做 ， 
重点 突出 技能 培养 。 在 突出 技能 培养 的 同时 ,还 介绍 解决 思路 和 方法 ,培养 学 生 未 来 在 就 
业 岗 位 上 的 终身 学 习 能 力 。 

(5) 借鉴 或 采用 项 目 驱动 的 教学 方法 和 考核 制度 ,突出 计算 机 网 络 、 软 件 人 才 培 训 的 

(6) 以 案例 为 中 心 ,以 能 力 培养 为 目标 ,并 以 实际 工作 的 例子 引入 概念 ,符合 学 生 的 
认 知 规律 。 语 言 简洁 明了 、 清 晰 易 懂 、 更 具 人 性 化 。 

(7) 符合 国家 计算 机 网 络 、 软 件 人 才 的 培养 目标 ; 采用 引入 知识 点 .讲述 知识 点 、 强 
化 知识 点 、 应 用 知识 点 、 综 合 知识 点 的 模式 ,由 浅 入 深 地 展开 对 技术 内 容 的 讲述 。 

(8) 为 了 便于 教师 授课 和 学 生 学 习 , 清 华 大 学 出 版 社 正在 建设 本 套 教材 的 教学 服务 
资源 。 在 清华 大 学 出 版 社 网 站 (www.tup.com.cn) 免 费 提供 教材 的 电子 课件 、 案 例 库 等 

高 职高 专 教育 正 处 于 新 一 轮 教学 深度 改革 时 期 ,从 专业 设置 .课程 体系 建设 到 教材 建 
设 ,依然 是 新 课题 。 和 希望 各 高 职高 专 院 校 在 教学 实践 中 积极 提出 意见 和 建议 ,并 及 时 反馈 
给 我 们 。 清 华 大 学 出 版 社 将 对 已 出 版 的 教材 不 断 地 修订 、 完 善 ,提高 教材 质量 ,完善 教材 
服务 体系 ,为 我 国 的 高 职高 专 教育 继续 出 版 优秀 的 、 高 质量 的 教材 。 


清华 大 学 出 版 社 
高 职高 专 计算 机 任务 驱动 模式 教材 编审 委员 会 


教材 是 根据 课程 标准 而 编写 的 ,而 课程 又 是 根据 专业 培养 方案 而 设 
置 的 ,高 职 专业 培养 方案 是 以 就 业 为 导向 ,基于 职业 岗位 工作 需求 而 制订 
的 。 在 高 职 专业 培养 方案 的 制订 过 程 中 ,必须 遵照 教育 部 教 高 L2006] 
第 16 号 文件 的 精神 ,体现 工学 结合 人 才 培 养 模式 ,重视 学 生 校 内 学 习 与 
实际 工作 的 一 致 性 。 制 订 课程 标准 ,高 等 职业 院 校 要 与 行业 企业 合作 开 
发 课程 ,根据 技术 领域 和 职业 岗位 ( 群 ) 的 任职 要 求 , 参 照相 关 的 职业 资格 
标准 ,改革 课程 体系 和 教学 内 容 。 在 教材 建设 方面 ,应 紧密 结合 行业 企业 
生产 实际 ,与 行业 企业 共同 开发 融 “ 教 学、 做 ”为 一 体 、 强 化 学 生 能 力 培养 
的 实 训 教材 。 

教材 既是 教师 教 的 资料 ,又 是 学 生 学 的 资料 。 在 教学 过 程 中 ,教师 与 
学 生 围 绕 教材 的 内 容 进行 教 与 学 。 因 此 ,要 提高 教学 质量 必须 有 一 套 好 
的 教材 赋 之 于 教学 实施 。 

高 等 职业 技术 教育 在 我 国 仅 有 10 年 的 历史 ,在 专业 培养 方案 制订 、 
课程 标准 编制 教材 编写 等 方面 还 都 处 于 探索 期 。 目 前 ,高 职 教育 一 定 要 
在 两 个 方面 下 工夫 : 一 是 职业 素质 的 培养 ; 二 是 专业 技术 的 培养 。 传 统 
的 教材 ,只 是 较为 系统 地 传授 专业 理论 知识 与 专业 技能 ,大 多 数 是 从 抽象 
到 抽象 ,这 种 教学 方式 使 高 职 院 校 的 学 生 很 难 接受 ,因为 高 职 学 生 具 备 的 
理论 基础 与 逻辑 思维 能 力 远 不 及 本 科 院 校 的 学 生 , 因 此 传统 体系 的 教材 
不 适合 高 职 学 生 的 教学 。 

认识 的 发 展 过 程 是 从 感性 认识 到 理性 认识 ,再 由 理性 认识 到 能 动 地 
改造 客观 世界 的 辩证 过 程 。 一 个 正确 的 认识 ,往往 需要 经 过 物质 与 精神 、 
实践 与 认识 之 间 的 多 次 反复 “看 图 识字 ”“ 素 描 临 摹 >"“ 师 父 带 徒弟 ”、 
“工学 结合 ”都 是 很 好 的 学 习 模 式 ,因此 以 案例 ,任务 、 项 目 驱 动 模式 编写 
的 教材 会 比较 适合 高 职 学 生 的 学 习 , 让 学 生 从 具体 认识 到 抽象 理解 , 边 做 
边 学 ,体现 “做 中 学 、 学 中 做 ”, 不 断 循环 ,从 而 完成 职业 素养 与 专业 知识 和 
技能 的 学 习 , 尤 其 在 技能 训练 方面 得 到 加 强 。 学 生 在 完成 案例 任务、 项 
目的 操作 工作 中 ,掌握 了 职业 岗位 的 工作 过 程 与 专业 技能 ,在 此 基础 上 ， 
教师 用 具体 的 实例 去 讲解 抽象 的 理论 显然 是 迎刃而解 。 

清华 大 学 出 版 社 与 杭州 开元 书局 共同 策划 的 “高 职高 专 计算 机 任务 
驱动 模式 教材 ”, 就 是 遵照 教育 部 教 高 [2006] 第 16 号 文件 精神 ,综合 目前 


汕 
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高 职 院 校 信息 类 专业 的 培养 方案 和 课程 标准 ,组 织 有 多 年 教学 经 验 的 一 线 教师 进行 编写 
的 。 教 材 以 案例 、 任 务 、 项 目 为 驱动 模式 ,结合 最 前 沿 的 IT 技术 ,体现 职业 素养 与 专业 技 
术 。 同 时 ,充分 考虑 教学 目标 教师 .学 生 、 实 训 条 件 , 从 而 使 教材 的 结构 与 内 容 适合 教师 
能 教学 生 能 学 、 实 训 条 件 能 满足 ,真正 成 为 高 等 职业 技术 教育 的 合理 化 教材 ,以 推动 高 职 
教材 的 改革 和 创新 。 

在 教学 实施 过 程 中 ,以 案例 、 任 务 、 项 目 为 驱动 已 经 得 到 教师 与 学 生 的 认可 ,但 用 教材 
进行 充分 体现 尚 属于 尝试 阶段 。 清 华 大 学 出 版 社 与 开元 书局 在 这 方面 进行 大 胆 的 开拓 ， 
无 疑 为 高 职 教材 建设 提供 了 良好 的 展示 平台 。 

任何 新 生 事物 都 有 其 优点 与 缺点 ,但 要 看 事物 的 总 体 发 展 方向 。 经 过 不 断 的 完善 和 
高 职 教育 战线 上 同仁 们 的 支持 ,相信 在 不 和 久 的 将 来 会 涌现 出 一 批 符合 高 职 教育 的 系列 化 
教材 ,为 提高 高 职 教学 质量 .培养 出 合格 的 高 职 专业 人 才 作 出 贡献 。 


温州 职业 技术 学 院 计 算 机 系 主任 
浙江 省 高 职 教育 计算 机 类 专业 指导 委员 会 副 主任 委员 
李 永 平 


随 着 Internet 技术 的 飞速 发 展 , Web 技术 应 用 日 益 广泛 。Microsoft 
公司 推出 的 新 一 代 ASP. NET 4. 0 技术 融合 Visual Studio 2010 开发 环 
境 ,使 得 Web 开发 架构 更 加 高 效 简捷 ,ASP.NET 因此 成 为 当前 Web 开 
发 的 主流 技术 和 众多 网 络 编程 开发 人 员 的 首选 。 

本 教程 是 与 高 职高 专 专业 课程 体系 、 培 养 模式 改革 相配 套 的 教材 。 
本 书 具有 边 做 边 学 .工学 结合 的 鲜明 特色 。 全 书 以 实际 项 目 为 主线 ,以 任 
务实 例 为 载体 ,主要 围绕 着 C# 编程 .ASP.NET 控件 和 系统 对 象 . 数 据 库 
开发 等 几 个 方面 展开 。 

本 书 设计 的 实际 项 目 案例 是 “0931 网 站 ”。 它 是 一 个 以 计算 机 软件 
技术 专业 0931 班 同学 为 开发 设计 主体 做 虚拟 背景 的 门户 网 站 。0931 网 
站 项 目 包括 一 个 三 层 架构 的 新 闻 中 心 一 个 三 层 架 构 的 博客 网 站 ,一 个 基 
于 系统 对 象 设计 的 聊天 室 , 一 个 基于 XML 技术 的 留言 板 、 一 个 提供 电话 
区 号 查询 的 Web 服务 和 一 个 查询 发 布 天 气 预报 的 Web 服务 应 用 实例 、 
一 个 基于 AJAX 技术 的 新 闻 展 示 改 进 方案 以 及 网 站 后 台 管理 ,网 站 配置 
和 安全 性 策略 等 。 由 于 对 这 个 项 目 进行 了 解构 与 分 离 , 分 任务 、 分 模块 安 
排 章节 ,因此 这 样 的 项 目 化 教程 符合 项 目 教学 .任务 驱动 的 高 职高 专 课程 
体系 改革 的 初衷 和 目标 。 

本 书 内 容 共 分 10 章 。 

第 1 童 介绍 ASP.NET 开发 环境 。 包 括 .NET 框架 结构 与 ASP.NET 
的 特色 优势 .Visual Studio 集成 开发 环境 、 基 于 C# 编 程 的 .NET 代码 后 
置 技 术 和 事件 驱动 机 制 , 以 及 ASP.NET 的 基本 控件 与 属性 窗口 的 使 用 。 

第 2 章 介绍 ASP.NET 站 点 导航 系统 与 使 用 母 版 页 整合 公共 元 素 、 
统一 布局 。 包 括 web. sitemap 站 点 地 图 文件 .SiteMapPath TreeView 站 
点 导航 控件 以 及 0931 项 目 导航 系统 与 母 版 页 。 

第 3 章 介绍 Page、Request、Response、Cookie、Session 和 Application 
等 系统 对 象 以 及 数据 在 页 内 和 页 间 传 递 . 记 录 的 方法 ,构建 了 一 个 基于 系 
统 对 象 的 网 站 聊天 室 。 

第 4 章 介绍 验证 控件 和 验证 码 控件 .日 历 控件 和 JS 版 日 历 控件 以 及 
使 用 FCKeditor 在 线 文 本 编辑 控件 等 。 

第 5 章 介绍 三 层 结构 设计 模式 .基于 三 层 结构 的 系统 基本 框架 搭建 


ll 
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利用 数据 库 信 息 实 现实 体 类 以 及 项 目 数 据 访问 层 与 业务 逻辑 层 的 实现 ; 使 用 
SqlConnection 、SqlCommand 和 SqlDataReader 对 象 及 方法 连接 .访问 数据 库 ; 
ObjectDataSource 等 各 种 数据 源 控件 与 数据 绑 定 控件 的 类 型 和 作用 ,以 及 使 用 GridView、 
DropDownList、DetailsView、FormView 控件 显示 、 添 加 、 删 除 \ 编 辑 和 查询 数据 等 。 最 终 创 
建 一 个 可 以 支持 分 类 浏览 .关键 字 查 询 ,后台 管理 等 功能 的 多 角色 三 层 架构 新 闻 网 站 。 

第 6 章 介绍 DataList 控件 的 使 用 以 及 新 闻 速 览 数据 访问 层 与 业务 逻辑 层 的 实现 ; 使 
用 PagedDataSource 对 象 给 数据 绑 定 控件 增加 分 页 功能 ; 使 用 Repeater 控件 自 定义 模板 
显示 新 闻 等 。 

第 7 章 介绍 ASP.NET 访问 XML 的 常用 处 理 类 以 及 使 用 XmlDataSource 数据 源 控 
件 和 数据 绑 定 控 件 访问 XML 的 方法 ,构建 了 一 个 基于 XML 技术 的 站 点 留言 板 。 

第 8 章 介 绍 Web 服务 的 概念 创建 和 使 用 Web 服务 的 方法 ; 提供 了 一 个 返回 
DataSet 对 象 的 查询 电话 区 号 的 Web 服务 实例 以 及 在 站 点 中 使 用 Web 服务 查询 发 布 天 
气 预 报 的 应 用 实例 。 

第 9 章 创 建 了 一 个 可 以 浏览 .发表 用 户 日 志和 评论 ,支持 用 户 及 日 志文 章 后 台 管 理 的 
三 层 架 构 的 博客 网 站 ,并 以 此 为 载体 介绍 网 站 部 署 与 安全 性 配置 策略 、 应 用 程序 配置 文件 
与 结构 以 及 网 站 的 安全 认证 与 授权 等 。 

第 10 章 介 绍 ASP. NET AJAX 的 原理 ASP. NET AJAX Extensions 的 安装 ,对 
ASP.NET AJAX Extensions 的 五 大 控件 进行 了 详细 的 曾 述 ,然后 在 此 基础 上 对 新 闻 网 
站 的 新 闻 展 示 提 出 一 个 基于 ASP.NET AJAX 模式 的 改进 方案 。 

对 于 项 目 任 务 中 有 待 深入 和 扩展 的 部 分 ,本 书 以 “思考 与 练习 ”的 方式 在 习题 部 分 提 
出 问题 并 给 予 提示 。 为 方便 教师 教学 ,还 随 本 书 一 起 提供 了 与 本 教材 配套 的 所 有 实例 源 
代码 和 PPT 课件 ,可 以 登录 清华 大 学 出 版 社 网 站 (www. tup. com. cn) 下 载 使 用 。 

本 教程 定位 于 高 职高 专 层次 ,在 兼顾 学 科 完 整 性 和 学 术 价值 的 同时 ,突出 了 实践 性 。 
本 书 可 作为 高 职高 专 院 校 计算 机 相关 专业 学 习 动态 网 站 开发 的 教材 和 各 类 培训 学 校 的 教 
材 , 对 于 在 .NET 框架 下 的 Web 开发 人 员 也 具有 一 定 的 参考 价值 。 

本 书 由 程 琪 、 张 白桦 编著 。 具 体内 容 的 第 1~~4 章 ,第 7~9 章 由 程 琪 编写 ,第 5、6、 
10 章 由 张 白桦 编写 。 本 书 再 版 时 ,在 ASP. NET 4. 0 框架 及 Visual Studio 2010 开发 环 
境 下 更 新 并 运行 调试 了 本 书 的 全 部 项 目 内 容 ,并 且 李 军 老 师 重 写 了 第 1 章 和 第 8 章 的 部 
分 内 容 。 同 时 ,我 们 也 对 一 些 关键 内 容 作 了 适当 的 增补 。 全 书 由 程 琪 统 稿 。 许 倩 倩 为 本 
书 网 站 项 目 设计 了 Banner 图 片 , 白 雪 冰 、 席 先 杰 为 本 书 的 撰写 提供 了 宝贵 的 意见 和 无 私 
的 帮助 ,在 此 一 并 表示 诚挚 的 感谢 ! 

由 于 时 间 仓 促 , 书 中 政 漏 \ 不 足 之 处 在 所 难免 , 敬 请 读者 批评 指正 。 


编 者 
2012 年 6 月 
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第 1 章 ASPNET 概 述 


任务 1.1 构建 ASP.NET 开发 环境 


任务 目标 


(1) 了 解 .NET 框架 结构 与 ASP.NET 的 特色 优势 。 
(2) 了 解 开发 ASP.NET 应 用 程序 所 需 的 基本 环境 和 Visual Studio 集成 开发 环境 。 


1.1.1 .NET 框 架 与 ASP.NET 


ASP.NET 是 一 种 动态 网 页 技术 , 它 提供 了 一 个 基于 Microsoft. NET 框架 的 Web 开 
发 平台 。ASP.NET 4.0 支持 的 Web Form 事件 驱动 的 编程 机 制 . 它 的 代码 后 置 技术 以 
及 丰富 的 控件 库 ,为 构建 B/S 模式 的 ,动态 交互 的 Web 应 用 程序 系统 提供 了 一 个 友好 、 
简洁 .快捷 、 高 效 的 开发 编程 环境 。ASP.NET 4.0 因此 成 为 新 一 代 Web 开发 的 主流 
技术 。 

.NET 框架 (. NET Framework) 是 支持 ASP.NET 应 用 程序 的 基础 平台 。 它 为 
.NET 应 用 程序 提供 核心 服务 ,由 公共 语言 运行 库 (Common Language Runtime,CLR) 和 
.NET Framework 类 库 组 成 。 

公共 语言 运行 库 为 多 种 语言 的 程序 代码 提供 了 编译 运行 环境 。 

.NET Framework 类 库 包 含 上 百 个 面向 对 象 类 。 其 中 的 常用 类 如 System 类 、 
System. Data 类 、System. Web 类 、System. Xml 类 、System. IO 类 等 提供 了 包括 基本 服务 
在 内 的 数据 访问 .XML Web 服务 .安全 性 配置 XML 访问 、 输 入 /输出 等 操作 。 

开发 ASP.NET Web 应 用 程序 系统 需要 的 基本 环境 分 别 有 以 下 两 种 搭建 方式 。 

(1) 安装 Web 服务 器 IIS .设置 虚拟 目录 、 安 装 Microsoft .NET Framework 4.0 以 及 
安装 代码 编辑 器 。 

(2) 使 用 Visual Studio 集成 开发 环境 。 


1.1.2 安装 Web 服务 器 IIS 


IIS(Internet Information Server) 是 Microsoft 开发 的 Web 服务 器 。 我 们 可 以 把 
ASP.NET 应 用 程序 部 署 到 IIS Web 服务 器 上 发 布 。 安 装 IIS 的 步骤 如 下 : 

(1) 将 Windows Server 2003/Windows 7 操作 系统 光盘 插入 光驱 。 

(2) 打开 “控制 面板 ”窗口 ,选择 “添加 或 删除 程序 ”选项 ,在 弹出 的 “添加 或 删除 程序 ” 
对 话 框 中 , 单 击 “ 添 加 /删除 组 件 ” 按 钮 。 
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(3) 在 弹出 的 “Windows 组 件 向 导 ” 对 话 框 中 ,选中 “应 用 程序 服务 器 ” 复 选 框 , 单 击 
“详细 信息 ”按钮 。 

(4) 在 弹出 的 “应 用 程序 服务 器 "对话 框 中 ,选中 “ASP.NET” 复 选 框 和 “Internet 信息 
服务 (IS)" 复 选 框 ,并 单 击 “ 详 细 信 息 ” 按 钮 。 

(5) 在 弹出 的 “Internet 信息 服务 (IIS)” 对 话 框 中 ,可 以 选择 相关 的 组 件 和 服务 ,也 
可 以 采用 默认 设置 。 

(6) 依次 单 击 “ 确 定 ” 按 钮 “下 一 步 ” 按 钮 , 即 可 以 完成 安装 。 

注意 : 在 Windows XP 或 者 Windows Server 2003 或 者 Windows 7 下 安装 IIS 的 步 
又 有 些 不 同 。Windows XP 下 安装 的 是 IIS 5. 1 版 ,安装 步骤 会 简单 一 些 ; 而 Windows 
Server 2003 安装 的 是 IIS 6.0 版 ,安装 时 会 多 一 些 配 置 选项 。 

IIS 安装 完成 后 ,自动 生成 C:\inetpub\wwwroot 目录 , 它 是 IIS 的 默认 发 布 目 录 。 


1.1.3 安装 Microsoft .NET Framework 4.0 


Microsoft .NET Framework 4.0 包括 公共 语言 运行 库 和 .NET Framework 类 库 , 读 
者 可 以 进入 微软 官方 网 站 (http://www. microsoft. com/downloads/zh-cn/) 搜索 
“Microsoft .NET Framework 4.0( 独 立 安装 程序 )”, 在 弹出 的 页 面 中 下 载 dotNetFx40_ 
Full_x86_x64. exe 后 进行 安装 。 

代码 编辑 器 安装 .选择 也 非常 简单 : 可 以 是 Dreamweaver; 也 可 以 是 任何 文本 编辑 
器 ,如 FrontPage、 记 事 本 等 。 


1.1.4 设置 虚拟 目录 


(1) 将 一 个 包含 若干 Web 页 面 文件 的 站 点 文件 夹 比如 Chap1(ASP.NET 应 用 程序 ) 
部 署 在 IIS 的 发 布 目录 wwwroot 下 。 

(2) 在 “控制 面板 ”窗口 双击 “管理 工具 ”选项 ,在 打开 的 “管理 工具 ”窗口 中 ,选择 
“Internet 信息 服务 (IIS) 管 理 器 ”选项 。 

(3) 创建 虚拟 目录 。 在 打开 的 “Internet 信息 服务 (IIS) 管 理 器 ”窗口 中 , 右 击 树 形 目 
录 “ 网 站 ”下 的 Default Web Site( 默 认 网 站 ) ,在 弹出 的 快捷 菜单 中 选择 “添加 虚拟 目录 ” 命 
令 , 如 图 1-1 所 示 。 在 弹出 的 “虚拟 目录 创建 向 导 ” 对 话 框 中 ,为 站 点 指定 虚拟 目录 名 ( 别 
名 )、 站 点 的 真实 路 径 以 及 设置 客户 端 对 站 点 的 访问 权限 。 例 如 为 Chapl 站 点 起 别 
名 09Web。 

(4) 测试 运行 。 右 击 站 点 中 的 页 面 文件 ,比如 index. htm 或 者 default, aspx, 在 弹出 
的 快捷 菜单 中 选择 “浏览 ”命令 ,就 可 以 调试 运行 了 。 

注意 : 运行 时 客户 端 浏览 器 URL 为 http://localhost/09Web/index. htm( default. 
aspx)。 

这 里 的 localhost 为 Web 服务 器 (IIS) 所 在 机 器 的 IP 地 址 所 对 应 的 域名 ,也 可 以 直接 
写 了 了 地 址 ,09Web 是 站 点 的 虚拟 目录 名 。 


@ pefauk Web site 主页 
bb - 衣 天 (6) - 呈 全 地 时 未 A) | 分 担 依 生 区 霹 


图 1-1 添加 虚拟 目录 


1.1.5 Visual Studio 2010 集成 开发 环境 


事实 上 ,微软 为 开发 ASP. NET 应 用 程序 提供 了 一 个 很 好 的 开发 工具 : Visual 
Studio。 它 是 一 个 集 编辑 、 调 试 、 运 行为 一 体 的 集成 开发 环境 。 

微软 于 2010 年 4 月 推出 Visual Studio 2010, 其 集成 开发 环境 (Integrated 
Development Environment,IDE) 被 重新 设计 和 组 织 , 变 得 比 Visual Studio 2008 更 加 简 
洁 、 高 效 和 具有 优势 。 作 为 面向 下 一 代 平 台 的 开发 工具 ,Visual Studio 2010 还 提供 了 很 
多 工具 来 帮助 开发 者 开发 基于 Windows 7 的 应 用 程序 。Visual Studio 2010 在 安装 时 会 
自动 检测 并 安装 .NET Framework 4. 0, 并 在 其 中 内 置 Web 服务 器 (ASP.NET 
Development Server) 。 所 以 除了 需要 部 署 发 布 应 用 程序 之 外 ,在 Visual Studio 2010 中 
开发 ASP.NET 应 用 时 ,无 须 配置 IIS 和 设置 虚拟 目录 。Visual Studio 2010 支持 内 置 
Microsoft SQL Server 2008 数据 库 服务 器 ,在 后 续 的 任务 中 会 介绍 它 的 使 用 。 除 此 以 外 ， 
Visual Studio 2010 还 支持 IBM DB2 和 Oracle 数据 库 服务 。 

Visual Studio 2010 目前 有 五 个 版 本 : 专业 版 ,高 级 版 .旗舰 版 ,学习 版 和 测试 版 ,都 
可 以 在 微软 官方 网 站 (http://www. microsoft. com/visualstudio/zh-cn/download) 中 下 
载 试用 版 。 本 书 所 有 的 程序 都 在 Visual Studio 2010 旗舰 版 下 调试 通过 。 


1.1.6 小 结 


使 用 .NET Framework 类 库 时 ,要 按照 它 的 命名 空间 (Namespace) 约 定 。 例 如 在 用 
到 SQL 数据 库 相 关 类 时 ,要 在 代码 开头 添加 如 下 语句 : 


using System. Data. SqlClient; 


1.1.7 思考 与 练习 


安装 和 配置 Web 服务 器 IIS ,安装 Microsoft . NET Framework 4. 0 ,建立 一 个 虚拟 
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目录 并 运行 一 个 简单 的 HTML 文件 或 者 ASP.NET 文 件 。 
任务 1.2 创建 第 一 个 ASP.NET 应 用 程序 


任务 目标 


(1) 掌握 创建 ASP. NET 应 用 程序 的 方法 和 Web 页 面 设计 中 的 基本 控件 的 使 用 
丰 潜 ;。 
(2) 了 解 . NET 代码 后 置 技术 以 及 事件 驱动 机 制 。 


1.2.1 创建 ASP.NET 程序 


以 下 通过 一 个 简单 的 登录 界面 说 明 在 Visual Studio 2010 中 创建 ASP.NET 应 用 程 
序 的 过 程 。 该 示例 根据 用 户 输入 来 显示 相应 的 欢迎 信息 。 

(1) 运行 Visual Studio 2010。 在 VS 2010 菜单 栏 中 选择 "文件 ”~* 新 建 项 目 ” 命 令 。 
在 弹出 的 “新 建 项 目 ” 对 话 框 中 ,选择 左 侧 "其 他 项 目 类 型 "中 的 “Visual Studio 解决 方 
案 ”; 在 右边 “Visual Studio 已 安装 模板 ”中 选择 “空白 解决 方案 ”, 这 里 给 解决 方案 命名 
“0931”, 如 图 1-2 所 示 , 单 击 “ 确 定 ” 按 钮 。 
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图 1-2 “新 建 项 目 ” 对 话 框 


(2) 在 “解决 方案 资源 管理 器 ”中 , 右 击 “解决 方案 0931”, 在 弹出 的 快捷 菜单 中 选择 
“添加 ”一 “新 建 网 站 ”命令 。 在 如 图 1-3 所 示 的 “添加 新 网 站 ”对 话 框 的 左 侧 ,选择 “语言 ” 
为 Visual C# ; 在 对 话 框 的 中 间 部 分 ,选择 “ASP.NET 网 站 ”; 在 对 话 框 下 方 的 下 拉 列 表 
框 中 ,选择 Web 位置 ?为 “文件 系统 ”; 单 击 “ 浏 览 ” 按 钮 选择 站 点 路 径 *E:\0931\Chap1”， 
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这 里 的 Chapl 是 应 用 程序 (网 站 ) 名 称 。 单 击 “ 确 定 ” 按 钮 。 最 终 Visual Studio Web 窗 体 


界面 如 图 1-4 所 示 。 
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图 1-4 Visual Studio Web 窗 体 界面 
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通过 Web 窗 体 界面 右 侧 的 解决 方案 资源 管理 器 ,可 以 看 到 Visual Studio 自动 生成 
的 内 容 。 其 中 ,App_Data 为 应 用 程序 的 数据 文件 夹 , Default. aspx 为 一 空白 的 Web 窗 体 
页 面 ,是 网 站 的 默认 首页 ,Default. aspx. cs 为 其 代码 后 置 文件 。 
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将 鼠标 移动 到 Web 窗 体 界面 左 侧 的 “工具 箱 ” 按 钮 上 ,可 以 在 展开 的 工具 箱 中 看 到 
ASP.NET 的 各 类 控件 。 添 加 控件 时 只 需 双 击 控件 或 者 将 控件 拖 到 Web 窗 体 页 面 上 
即 可 。 


1.2.2 Web 窗 体 页 面 的 控件 设计 


在 Visual Studio 2010“ 解 决 方案 资源 管理 器 "中 , 右 击 站 点 名 Chapl, 在 弹出 的 快捷 
菜单 中 选择 “添加 新 项 ”命令 。 在 弹出 的 “添加 新 项 ”对 话 框 中 选择 "Web 窗 体 ”, 名 称 设 为 
Chap1-1. aspx, 默 认 将 代码 放 在 单独 的 文件 中 , 单 击 “ 添 加 ”按钮 。 

切换 到 设计 视图 ,为 Chapl-1. aspx 页 面 添 加 控件 。 从 左 侧 工具 箱 标 准 组 中 拖 出 1 个 
Image 控件 .3 个 Label 控件 、1 个 TextBox 控件 ,1 个 Button 控件 和 1 个 LinkButton 
控件 。 

可 以 在 设计 视图 中 右 击 控件 ,在 弹出 的 快捷 菜单 中 选择 “属性 "命令, 打开“ 属性” 窗 
口 ,设置 控件 的 属性 。 也 可 以 直接 在 源 代码 视图 中 添加 控件 的 属性 和 属性 值 。 

Chap1-1. aspx 页 面 中 添加 的 主要 控件 及 属性 设置 如 表 1-1 所 示 。 


表 1-1 Chapl-1. aspx 页 面 主要 控件 及 属性 设置 


控件 类 型 控件 ID 属性 及 属性 值 说 明 

Image JImagel ImageUrl="~ /images/qqshow. jpg" 图 像 控件 ,用 于 显示 图 片 
Labell Text= "欢迎 登录 0931 网 站 !1" 标签 控件 ,用 于 显示 信息 
Label2 Text 二 "姓名 " 同上 

Label = 
ab Text="" 用 于 显示 与 用 户 名 对 应 的 

欢迎 信息 
TextBox TextBoxl 默认 设置 文本 框 控 件 ,用 于 输入 姓名 
i et Text 一 "确定 ”OnClick 二" Buttonl _ | 单 击 Button 按钮 以 激发 
Click" Click 事件 
LinkButton | LinkButtonl | PostBackUrl="~/Login/Login.aspx" 2 en Bi 


切换 到 Chapl-1. aspx 页 面 的 源 代码 视图 ,可 以 看 到 如 下 代码 。 


<% @ Page Language = "C#" AutogventWireup = "true" CodeFile = "Chapl — 1. aspx. cs" Inherits = 
"Chapl_1" %> 


<! DOCTYPE html PUBLIC " — //W3C//DTD XHTML 1. 0 Transitional//EN" "http://www. w3. org/TR/ 
xhtml1/DTD/xhtml1 - transitional. dtd"> 


< html xmlns = "http://www. w3.org/1999/xhtml"> 
< head runat = "server"> 
<title> 第 一 个 ASP. NET 程序 </title> 

</head> 

<body> 

<form id= "forml" runat = "server"> 
<div> 
<asp: Image ID = "Imagel" runat = "server" ImageUrl] = "~/images/qqshow. jpg" Height = 
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"72px" Width= "79px" /> 
<asp:Label ID = "Labell"” runat = "server”Text = "欢迎 登录 0931 网 站 !"></asp: 
Label> 
<br/> 
<asp:Label ID = "Label2" runat = "server" Text = "姓名 "></asp:Label> 
<asp:TextBox ID = "TextBoxl" runat = "server"></asp:TextBox> 
<br /> 
<asp:Button ID = "Button1" runat = "server" Text = "确定 " OnClick = "Buttonl_Click" /> 
<asp:LinkButton ID = "LinkButton1" runat = "server" PostBackUrl = "~ /Login/Login. 
aspx "> 注册 新 用 户 </asp:LinkButton> 
<br /> 
<asp:Label ID = "Label4" runat = "server" Text =""></asp:Label> 
</div> 
</form> 
</body> 
</html > 


第 一 行 代码 中 ,@Page 指令 为 ASP.NET 页 面 文件 指定 解析 和 编译 页 面 时 使 用 的 属 
性 和 值 。 每 一 个 . aspx 页 面 文件 只 能 包含 一 条 @ Page 指令 。 其 中 ,@Page 指令 的 
AutoEventWireup 属性 的 默认 值 为 true, 表 示 将 自动 调用 页 面 事件 ;， CodeFile 指定 了 与 
页 面相 关 的 后 置 代 码 文件 ; Inherits 属性 定义 了 供 页 面 继承 的 代码 后 置 的 类 。 

注意 : PostBackUrl=" 一 /Login/Login. aspx "中 的 “一 ”表示 应 用 程序 的 根 目 录 。 


1.2.3 事件 处 理 与 代码 后 置 


在 Chapl-1. aspx 页 面 的 设计 视图 中 双击 Buttonl 控件 ,可 以 为 Buttonl 控件 自动 添 
加 一 个 属性 和 属性 值 。 


OnClick = "Buttonl_Click" 
在 Chapl-1. aspx.ecs 后 置 代码 文件 的 Button1_Click 事件 中 编写 代码 如 下 : 


public partial class Chapl_1 : System. Web. UI. Page 
{ 
protected void Page_Load(object sender, EventArgs e) 
{ 
} 
protected void Button1_Click(object sender, EventArgs e) 
人 
string hello = TextBoxl. Text.Trim()+" 同 学 ,欢迎 你 !"; 
Label4. Text = hello; 
} 
} 


注意 :“ 十 ”在 这 里 是 字符 串 连接 符 。 也 可 以 用 string. Format() 方 法 改写 上 面 最 后 
的 两 行 代码 。 


string hello = string.Format("{0} 同 学 ,欢迎 你 !"，TextBox1. Text. Trim()); 
Label4. Text = hello; 
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string. Format 方法 以 参数 的 形式 完成 字符 串 之 间 , 特 别 是 字符 串 与 表达 式 之 间 的 连 
接 。 在 本 书后 续 章 节 使 用 ADO.NET 访问 数据 库 时 ,大 多 使 用 Format 方法 来 准备 SQL 
语句 连接 字符 串 , 它 可 以 简化 并 规范 代码 ,减少 出 错 机 会 。 


1.2.4 Web. config 配置 文件 


在 标准 工具 栏 中 单 击 “ 启 动 调试 "按钮 ,运行 Chap1-1. aspx。 

第 一 次 运行 应 用 程序 (网 站 ) 时 ,会 弹出 一 个 “未 启用 调试 ”对话 框 ,如 图 1-5 所 示 。 选 
择 “ 添 加 新 的 启用 了 调试 的 Web. config 文件 (A)”。 单 击 “ 确 定 ” 按 钮 ,可 以 在 站 点 下 看 到 
新 增 的 Web. config 文件 。 


由 于 未 在 Web.config 文件 中 启用 洞 试 ， 因 此 无 法 在 油 试 模式 下 运行 该 页 。 您 项 户 做 什么 ? 


同 后 j0 新 的 局 用 了 调试 的 Web.config 文件 (A), | 


小。 在 生产 环境 中 部 署 网 站 之 前 ， 应 在 Web.config 文件 中 禁用 湘江 


日 不 进行 调试 直接 运行 (R)。 (等 同 于 Ctrl+F5) 


Lm |] 


图 1-5 “未 启用 调试 "对 话 框 


Web. config 文件 是 放 在 应 用 程序 根 目 录 下 的 一 个 XML 文件 , 它 包 含 应 用 程序 的 配 
置信 息 : 比如 约定 应 用 程序 的 访问 规则 和 页 面授 权 、 存 放 数 据 库 连 接 字符 串 等 。 本 书 将 
在 第 9 章 中 详细 讨论 它 。 

Chap1-1. aspx 运行 结果 如 图 1-6 所 示 。 


< 四 | 全 | http://localhost ~ 


过 收藏 夫 优 第 一 个 ASP.NET 程 序 


rit 
Em: 欢迎 登录 0931 网 站 ! 


姓名 Rose 


确定 
Rose 同学 ， 欢 迎 你 ! 


图 1-6 ”Chapl-1. aspx 的 运行 结果 


1.2.5 常用 控件 与 属性 窗口 


为 了 更 多 地 说 明 ASP.NET 常用 控件 及 其 属性 窗口 的 使 用 ,我 们 在 Chapl-1. aspx 页 
面 中 添加 一 个 DropDownList 控件 (下 拉 列 表 框 )。 用 户 输入 时 可 以 选择 “来 自 ”何方 ( 参 
见 图 1-8 修改 后 Chap1-1. aspx 的 运行 结果 ) 。 

切换 到 设计 视图 ,为 Chap1-1. aspx 页 面 添加 1 个 Label 控件 、1 个 DropDownList 控 
件 。 碳 击 DropDownList 控件 ,在 弹出 的 快捷 菜单 中 选择 * 属 性 ”命令 ,在 打开 的 “属性 ” 窗 
口中 选择 Items 属性 ,打开 “ListItem 集合 编辑 器 "对 话 框 , 单 击 成 员 的 “添加 ”按钮 ,添加 
新 的 ListItem 项 并 设置 相应 的 Text 属性 值 ,如 图 1-7 所 示 。 


图 1-7 “ListItem 集合 编辑 器 "对话 框 


Chap1-1. aspx 页 面 文件 中 自动 生成 的 DropDownList 控件 代码 如 下 : 


<asp:Label ID= "Label3" runat = "server" Text = "来 自 "></asp:Label> 
< asp: DropDownList ID = " DropDownListl" runat = " server" OnSelectedIndexChanged = 
"DropDownList1_SelectedIndexChanged"> 
<asp:ListItem Value = "China"> 中 国 </asp:ListItem> 
<asp:ListItem Value = "America"> 美 国 </asp:ListItem> 
</asp:DropDownList > 
在 设计 视图 中 双击 DropDownListl 控件 切换 到 源 代码 视图 。 在 Chap1-1. aspx. cs 文 
件 的 DropDownListl_SelectedIndexChanged 事件 中 编写 代码 。DropDownList 控件 的 
SelectedIndexChanged 事件 在 列表 选项 (索引 ) 改 变 时 被 激活 。 
修改 Chap1-1. aspx. cs 文件 的 相关 事件 代码 如 下 : 


public partial class _Default : System. Web. UI. Page 
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string hello = string. Empty; 
protected void Page Load(object sender, EventArgs e) 
{ 
} 
protected void Button1_Click(object sender, EventArgs e) 
{ 
hello = hello + TextBoxl.Text.Trim() + "同学 ,欢迎 你 !"; 
Label4. Text = hello; 
} 
protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e) 
{ 
hello = "来 自 ”+ DropDownList1. SelectedItem. Text + "的 "; 
} 
} 


注意 ; 此 时 “string hello 一 string. Empty; ”在 类 的 所 有 方法 以 外 定义 ,这 是 一 个 全 局 
变量 。 
重新 运行 Chapl-1. aspx, 运 行 结果 如 图 1-8 所 示 。 


各 品 - 多 | httpy/localhost -| 加 | 九 | 


TF 收藏 夫 。” 盒 第 一 个 ASP.NET 程 序 | 
和 区 3 


Se 
国医。 nu EE 


来 自 英国 
姓名 John 


新 用 户 


EP 
来 自 美国 的 John 同 学 ， 欢 迎 你 ! 。 ~ 


1-8 修改 后 Chapl1-1. aspx 的 运行 结果 


1.2.6 小 结 


(1) .NET 内 置 80 多 种 控件 , 它 丰富 的 控件 库 、 可 视 化 设计 以 及 基于 “控件 十 事件 ”的 
简单 编程 方式 是 ASP.NET 4.0 的 特色 和 优势 。 

在 .NET 4.0 中 ,HTML 代码 和 C# 代 码 分 别 存 储 在 Web 窗 体 文 件 和 . cs 后 置 文件 
中 , 称 为 代码 后 署 技 术 。 

ASP.NET 的 运行 机 制 是 : 当 用 户 第 一 次 请 求 . aspx 文件 时 ,服务 器 引擎 会 编译 
.aspx 文件 和 . cs 文件 .合并 生成 页 面 类 并 输出 结果 。 第 二 次 请 求 该 页 面 时 ,就 可 以 直接 
执行 内 存 中 的 页 面 类 了 。 

(2) 右 击 站 点 名 Chapl ,选择 “添加 ASP.NET 文件 夹 ”, 可 以 看 到 ASP.NET 应 用 程 
序 的 7 个 默认 文件 夹 。 其 中 ,Bin 文件 夹 通 常用 来 存放 应 用 程序 所 需 的 所 有 . DLL 文件 ; 
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App_Code 文件 夹 则 可 用 来 存放 应 用 程序 所 需 的 . cs 等 类 文件 。 


1.2.7 思考 与 练习 


设计 一 个 简单 的 在 线 留言 程序 。 页 面 设计 及 运行 结果 如 图 1-9 和 图 1-10 所 示 。 当 
输入 留言 信息 并 单 击 “ 提 交 ” 按 钮 时 ,在 页 面 下 方 显示 留言 人 昵称 、 留 言 内 容 和 提交 时 间 。 
提示 : 在 Web 页 面 后 置 代 码 文件 的 Page_Load() 事 件 中 ,为 显示 留言 时 间 的 Label 


控件 设置 Text 属性 值 。 参 考 代 码 如 下 : 


protected void Page_Load(object sender, EventArgs e) 


LabNowTime. Text = DateTime. Now.ToString(); 


} 


各 口 - 个] http://localhost "| 局 | 好 | Xx 


了 收 草 夹 。 合 习 题 1-1 在 线 留言 


0931 在 线 留言 
留言 人 昵称 Rose 
留言 内 容 请 各 位 关注 7 月 22 日 的 上 全 食 
提交 时 间 2009/06/27 20:58:12 


[提交 ] | 取消 


1 中 


1-9 输入 留言 信息 


| | 本 


GO [eonon -lo 


优 习题 1-1 在 线 留 言 


[到 少 | 


Rose2009/06/27 20:58:12 留 言 : 
请 各 位 关注 7 月 22 日 的 日 全 食 
| 


图 1-10 ”提交 后 的 结果 


第 2 章 ”使 用 站 点 导航 控件 和 母 版 页 


任务 2.1 使 用 SiteMapPath 设计 
面包 导 导 航 


任务 目标 


(1) 了 解 ASP.NET 4. 0 站 点 地 图 文件 和 站 点 导航 控件 在 构建 网 站 页 面 框架 中 的 
作用 。 
(2) 掌握 web. sitemap 站 点 地 图 文件 和 SiteMapPath 站 点 导航 控件 的 使 用 方法 。 


2.1.1 导航 系统 与 站 点 地 图 


ASP.NET 4.0 中 基于 站 点 地 图 的 导航 系统 为 统一 页 面 布局 和 框架 .设置 站 点 导航 功 
能 提供 了 高 效 简便 的 方法 。ASP.NET 4.0 导航 系统 包括 站 点 地 图 ,面包 居 导 航 、 树 形 结 
构 导 航 、 动 态 菜单 等 。 

站 点 地 图 (web. sitemap) 是 一 个 XML 格式 的 文档 , 它 用 来 表示 一 个 应 用 程序 ( 即 一 
个 站 点 ) 的 各 个 页 面 之 间 的 层次 结构 关系 。 

如 图 2-1 所 示 ,指定 页 面 在 站 点 的 逻辑 位 置 的 导航 , 称 为 
面包 居 导 航 (Breadcrumb Navigation)。 面 包 居 导航 可 以 告 
诉 用 户 从 首页 到 当前 页 面 (页 面 节点 ) 之 间 的 路 径 。 在 童话 图 2-1 面包 悄 导 航 
故事 “ 汉 泽 尔 和 格雷 特 尔 ”中 , 当 汉 泽 尔 和 格雷 特 尔 穿 过 森林 时 ,他 们 在 沿途 走 过 的 地 方 都 
撤 下 了 面包 必 , 让 这 些 面 包 必 来 帮助 他 们 找到 回 家 的 路 。 面 包 必 导航 让 用 户 明 了 站 点 页 
面 之 间 的 层次 结构 关系 。 帮 助 用 户 在 浏览 网 页 时 可 以 “找到 回 家 的 路 ”! 


2.1.2 网 站 的 面包 居 导 航 


以 下 为 为 0931 项 目 设计 面包 届 导 航 条 的 具体 步骤 。 

(1) 创建 ASP.NET 应 用 程序 。 在 E:\0931 下 双击 0931. sln, 打 开 Visual Studio 
2010。 在 “解决 方案 资源 管理 器 ”面板 中 , 右 击 “ 解 决 方案 “0931””, 在 弹出 的 快捷 菜单 中 选 
择 “ 添 加 ”一 “新 建 网 站 ”命令 ,新 建 E:\0931\ Navigation 站 点 。 

(2) 创建 站 点 地 图 文件 (web. sitemap)。 在 “解决 方案 资源 管理 器 ”面板 中 , 右 击 站 点 
名 Navigation, 在 弹出 的 快捷 菜单 中 选择 “添加 新 项 ”命令 。 在 弹出 的 “添加 新 项 ”对 话 框 
中 选择 “站 点 地 图 ”模板 , 单 击 “添加 ”按钮 。 

注意 : 站 点 地 图 文件 名 必须 为 web. sitemap 且 必 须 置 于 Web 应 用 程序 (站 点 ) 的 根 


目录 下 。 


这 里 是 按照 “计算 机 软件 技术 0931”( 简 称 0931) 网 站 项 目的 层次 结构 关系 设置 导航 
路 径 的 。web . sitemap 参考 代码 如 下 : 


<?xml version= "1.0" encoding = "utf - 8"?> 
< siteMap xmlns = "http://schemas. microsoft. com/AspNet/SiteMap— File—1.0"> 
< siteMapNode title = "计算 机 软件 技术 专业 0931" description = "" url = ""> 
< siteMapNode title= "首页" url = "Default. aspx" description = "" /> 
< siteMapNode title= "用 户 登 录 " url = "一 /Login/rogin.aspx" description="" /> 
< siteMapNode title= "新 闻 中 心 " url = "News.aspx" description="" /> 
< siteMapNode title= "留言 板 " url = "一 /Messboard/Default.aspx" description="" /> 
< siteMapNode title= "聊天 室 " url = "一 /Chatroom/Default.aspx"” description = "" /> 
< siteMapNode title= "发 布 日 志 " url= "~/MicroBlog/Default. aspx" description="" /> 
< siteMapNode title = "管理 中 心 " url = "~/Admin/Admin.aspx" description="" /> 
</siteMapNode> 

</siteMap> 

在 站 点 地 图 文件 中 : 

去 siteMap 过 为 根 节点 ,一 个 站 点 地 图 有 且 仅 有 一 个 根 节 点 ; 

< 去 siteMapNode> 为 页 面 节点 ,一 个 节点 对 应 一 个 页 面 ; 

< 去 siteMap 二 根 节点 下 有 且 仅 有 一 个 二 siteMapNode 一 节点 ; 

同一 个 URL 在 站 点 地 图 中 只 能 出 现 一 次 。 

(3) 为 0931 网 站 首页 Default. aspx 创建 面包 收 导 航 。 在 Visual Studio 2010 的 “ 解 
决 方案 资源 管理 器 ”面板 中 , 右 击 站 点 名 Navigation, 在 弹出 的 快捷 菜单 中 选择 “添加 新 
项 ”命令 。 在 弹出 的 “添加 新 项 ”对 话 框 中 选择 “Web 窗 体 ” 选 项 ,名 称 为 Default. aspx, 默 
认 将 代码 放 在 单独 的 文件 中 , 单 击 “ 添 加 ”按钮 。 

切换 到 “设计 ”视图 ,从 左 侧 工具 箱 导 航 组 中 拖 出 SiteMapPath 控件 。 可 以 在 页 面 源 
视图 中 看 到 以 下 自动 生成 的 控件 代码 。 

< asp:SiteMapPath ID = "SiteMapPath1l" runat = "server"> 

</asp:SiteMapPath> 

运行 Default. aspx 即 可 以 看 到 面包 居 导 航 的 效果 了 。 

以 下 给 出 首页 Default. aspx 的 DIV( 层 ) 十 TABLE (表格 ) 的 简单 设计 布局 : 在 页 面 的 
“页 眉 和 导航 栏 层 ” 中 有 “面包 履 导 航 ”, 并 添加 了 banner 图 片 和 navigate 图 片 ; navigate 图 片 
中 有 和 矩形 热 区 , 单 击 这 些 矩 形 热 区 可 以 超 链接 到 NavigateUrl 属性 指定 的 页 面 ; 在 页 面 底部 
Foot 层 使 用 了 footer 图 片 来 设计 页 脚 ; 在 页 面 中 间 内 容 层 ,目前 暂时 没有 实质 性 内 容 。 

Default. aspx 页 面 主要 代码 如 下 : 


< form id= "forml" runat = "server"> 
<!-- 页 由 和 导航 栏 层 -一 > 
< div class = "head_layer"> 
<asp: Image ID = " Imagel" runat = "server" ImageUrl = " 一 / images/banner. jpg" style = 
"width: 1024px; height: 112px"/> 
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</div> 
< div class = "navigate layer"> 
<asp: ImageMap ID = "ImageMapl" runat = "server" ImageUrl = "一 /images/navigate. jpg" 
HotSpotMode = "Navigate"> 
<asp: RectangleHotSpot Left = "250" Right = "300" Top = "5" Bottom = "35"NavigateUrl = 
"~/Default. aspx" /> 
<asp: RectangleHotSpot Left = "350" Right = "400" Top = "5" Bottom = "35"NavigateUrl = 
"~/Login/Login. aspx" /> 
<asp: RectangleHotSpot Left = "450" Right = "500" Top = "5" Bottom = "35"NavigateUr] = 
"News. aspx" /> 


</asp: ImageMap> 
</div> 
<!-- 面包 届 导 航 层 一 > 
< div class = "SiteMapPath _layer"> 
< asp:SiteMapPath ID = "SiteMapPathl"”runat = " server"> 
</asp:SiteMapPath> 
</div> 
<!-- 页 面 中 间 内 容 层 --> 
< div class = "content_layer"> 
<p> 欢 迎 访问 0931 网 站 !</p> 
</div> 
<!-- 页 脚 Foot 层 --> 
< div class = "Foot_layer"> 
<asp: Image ID = " Imagel” runat = "server" ImageUr] = "一 /images/Footer. jpg" style = 
"width: 95px; height: 53px; margin: 4" /> 
</div> 
</form> 


注意 : 在 页 面 banner 层 中 ,Image 控件 和 ImageMap 控件 的 用 处 不 同 。Image 控件 
用 来 添加 页 面 banner 图 片 ; ImageMap 控件 用 来 添加 navigate 导航 条 图 片 , 在 导航 条 图 
片 中 设置 了 若干 个 矩形 热 区 ,分 别 用 来 提供 超 链接 到 “首页 "“ 用 户 登 录 "“ 新 闻 中 心 ”、 
“后 台 管理 中 心 ” 等 页 面 。 

(4) 同步 骤 (3) 创 建 0931 用 户 登 录 页 面 /Login/Login. aspx, 并 为 其 添加 面包 习 导 
航 。 用 户 登 录 页 面 的 界面 设计 可 参照 图 2-3。 

(5) 分 别 运行 Default. aspx 和 Login. aspx 页 面 文件 。 体 会 SiteMapPath 站 点 导航 
控件 在 不 同 页 面 中 的 自动 定位 。 

值得 注意 的 是 ,运行 当前 页 面 时 ,站 点 地 图 中 一 定 要 有 与 当前 页 相应 的 URL。 例 如 ， 
运行 Default. aspx 时 ,站 点 地 图 中 一 定 要 有 相对 应 的 URL 二 "Default. aspx" 的 页 面 节点 ， 
否则 不 能 显示 导航 路 径 。 

(6) 为 面包 导 导 航 设 置 格式 。 修 改 Default aspx。 切 换 到 设计 视图 , 右 击 SiteMapPath 控 
件 ,在 弹出 的 快捷 菜单 中 选择 “自动 套用 格式 ”命令 。 在 弹出 的 “自动 套用 格式 ?对 话 框 中 
选择 方案 为 彩色 型 。 

Default. aspx 页 面 、Login. aspx 页 面 的 运行 结果 分 别 如 图 2-2 和 图 2-3 所 示 。 
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图 2-3 运行 “用 户 登 录 页 面 


2.1.3 将 SiteMapPath 的 分 隔 符 设置 为 图 片 


SiteMapPath 控件 的 PathSeparator 属性 可 以 设置 导航 路 径 的 分 隔 符 ,默认 分 隔 符 为 
“二 ”。 导 航路 径 的 分 隔 符 也 可 以 设置 为 图 片 ,设置 方法 如 下 : 

(1) 切换 到 设计 视图 , 右 击 SiteMapPath 控件 ,在 弹出 的 快捷 菜单 中 选择 “编辑 模板 ”一 
PathSeparatorTemplate 命令 。 

在 SiteMapPathl PathSeparatorTemplate 模板 中 拖 入 Image 控件 , 右 击 Image 控件 ， 
在 弹出 的 快捷 菜单 中 选择 “属性 ”命令 ,打开 “属性 ”窗口 。 设 置 InageUrl 王 "一 /images/ 
Separatorl. jpg" 属 性 值 。Separatorl. jpg 是 分 隔 符 图 片 。 


is 
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Default. aspx 页 面 自动 生成 的 源 代 码 如 下 : 


< form id= "forml”runat = "server"> 
<div> 
<asp:SiteMapPath ID = "SiteMapPathl" runat = "server" Font — Names = "Verdana" Font - Size = 
"0.8em"> 
< PathSeparatorStyle Font - Bold = "True" ForeColor = "#990000" /> 
< CurrentNodeStyle ForeColor = "#333333" /> 
< NodeStyle Font - Bold = "True" ForeColor = "#990000" /> 
< RootNodeStyle Font - Bold = "True" ForeColor ="#FF8000" /> 
<PathSeparatorTemplate> 
<asp: Image ID= "Imagel" runat = "server" ImageUrl] = "一 / images/Separator1. jpg" /> 
</PathSeparatorTemplate> 
</asp:SiteMapPath>< br /> 
欢迎 访问 0931 网 站 ! 
</div> 
</form> 


(2) 重新 运行 Default. aspx, 可 以 看 到 分 隔 符 是 图 片 时 的 运行 结果 。 
2.1.4 小 结 


SiteMapPath 控件 只 能 绑 定 站 点 地 图 , 即 只 能 使 用 站 点 地 图 文件 作为 数据 源 。 一 个 
站 点 只 能 有 一 个 站 点 地 图 且 必 须 位 于 应 用 程序 (站 点 ) 的 根 目录 下 。 

SiteMapPath 控件 的 PathSeparatorStyle 属性 可 以 设置 导航 路 径 分 隔 符 的 样式 ; 
SiteMapPath 控件 的 ParentLevelsDisplayed 属性 可 以 控制 导航 显示 的 级 数 ,默认 属性 值 
是 一 1, 表 示 无 限制 。 


2.1.5 思考 与 练习 
为 0931 网 站 后 台 管 理 中 心 设 计 首 页 和 面包 履 导 航 。 


任务 2.2 使 用 TreeView 设计 
树 形 结构 导航 
任务 目标 


(1) 了 解 TreeView 站 点 导航 控件 的 两 种 数据 源 类 型 及 其 绑 定 数据 源 的 方法 。 
(2) 掌握 TreeView 站 点 导航 控件 的 使 用 方法 。 


2.2.1 TreeView 站 点 导航 控件 


ASP.NET 4. 0 提供 的 TreeView 站 点 导航 控件 可 以 轻松 设计 树 形 结构 导航 系统 。 
TreeView 控件 仍 可 以 使 用 站 点 地 图 (web. sitemap) 作 为 数据 源 .也 可 以 自行 编写 简单 的 
XML 文件 作为 TreeVievw 控件 的 数据 源 。 
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2.2.2 网 站 树 形 目录 导航 


在 E:\0931 目录 下 双击 0931. sln 文件 .打开 网 站 E:\0931\Navigation。 

(1) 创建 站 点 地 图 文件 (web. sitemap) 。 继 续 使 用 任务 2. 1 中 创建 的 站 点 地 图 文件 ， 
并 且 在 新 闻 中 心 页 面 节 点 (过 siteMapNode 二 ) 下 增加 了 两 个 页 面 节点 。web. sitemap 参 
考 代 码 修改 如 下 : 


<?xml version= "1.0" encoding = "utf - 8"?> 
< siteMap xmlns = "http://schemas. microsoft. com/AspNet/SiteMap — File— 1.0"> 
< siteMapNode title = "计算 机 软件 技术 0931" description="" url=""> 
< siteMapNode title= "首页 " url = "Default.aspx" description = ""/> 
< siteMapNode title= "用 户 登录 " url = "一 /Login/Login.aspx" description = "" /> 
< siteMapNode title= "新 闻 中 心 " url = "一 /News/News.aspx" description= ""> 
< siteMapNode title = "国际 要 闻 " url = "一 /News/Internat.aspx" description="" /> 
< siteMapNode title = "国内 要 闻 " url = "一 /News/Internal.aspx" description = ""” /> 
</siteMapNode> 
< siteMapNode title = "留言 板 " url = "一 /MessBoard/Default.aspx" description = "" /> 
< siteMapNode title= "聊天 室 " url = "一 /ChatRoom/Default.aspx” description="" /> 
< siteMapNode title= "发 布 日 志 " url = "一 /MicroBlog/Default.aspx" description="" /> 
< siteMapNode title = "管理 中 心 " url = "~/Admin/Admin. aspx" description="" /> 
</siteMapNode > 
</siteMap> 


(2) 使 用 TreeView 控件 为 0931 网 站 各 层次 页 面 设计 树 形 结构 导航 。 以 News 文件 
夹 下 Internat. aspx 国际 要 闻 页 面 为 例 。 

在 “解决 方案 资源 管理 器 ”面板 中 , 右 击 "News 文件 夹 ”, 在 弹出 的 快捷 菜单 中 选择 
“添加 新 项 ”命令 ,创建 Internat. aspx Web 页 面 文件 。 

切换 到 设计 视图 。 从 左 侧 工具 箱 导航 组 中 拖 出 TreeView 控件 。 右 击 TreeView 控 
件 ,在 弹出 的 快捷 菜单 中 选择 “显示 智能 标记 ”命令 ,弹出 “TreeView 任务 "对话 框 ,在 “ 选 
择 数 据 源 ” 选 项 区 域 中 选择 “新 建 数 据 源 ” 选 项 。 在 弹出 的 “数据 源 配置 向 导 ” 对 话 框 中 , 选 
择 “ 站 点 地 图 ”选项 ,并 为 数据 源 指定 ID 为 : SiteMapDataSourcel( 默 认 值 ) 。 

Internat. aspx 中 与 TreeView 控件 相关 的 关键 代码 如 下 : 


<form id = "forml" runat = "server"> 


<div> 
<asp:TreeView ID = "TreeViewl" runat = "server" DataSourceID = "SiteMapDataSourcel"> 
</asp:TreeView > 
<asp:SiteMapDataSource ID = "SiteMapDataSourcel" runat = "server" /> 

</div> 


这 里 ,DataSourceID 是 TreeView 控件 的 属性 .SiteMapDataSourcel 是 数据 源 的 ID。 
DataSourceID 王 "SiteMapDataSourcel" 就 是 TreeView 控件 绑 定数 据 源 的 方式 。 

(3) 为 树 形 目录 导航 设置 格式 。 在 “设计 ?视图 中 , 右 击 TreeView 控件 ,在 弹出 的 快 
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捷 菜单 中 选择 “自动 套用 格式 ”命令 。 在 弹出 的 “自动 套用 格式 ”对 话 框 中 选择 方案 为 “新 
闻 ( 型 )”。 

运行 Internat. aspx, 运 行 结 果 如 图 2-4 所 示 。 


篇 曾 辣 中 心 -- 国 际 要 同 页 面 2 - Windows ntemet Explorer ”EuEE 二 
GY http://ocalhost491 “| 好 | X 加 站 


eB imo 


时 首 页 
时 用 户 登 录 新 华 网 3 月 23 卓 报道 沉 
e 图 新 闻 中 心 大 利 亚 东海 岸 几 天 来 连 
续 国 际 要 闻 雨 ， 造 成 洪水 泛 
号 国内 要 闻 ， 昆士兰 首 
友 留言 板 焉 两 天 的 降雨 量 已 经 能 
二 聊天 室 “ 当 够 为 这 座 城市 提供 超过 1 
名 发 布 日 志 的 水 
旺 管理 中 心 a 


图 2-4 “国际 要 闻 页 面 " 树 形 目录 导航 
2.2.3 在 树 形 目录 导航 中 重 定向 页 面 


TreeView 控件 有 一 个 很 重要 的 事件 SelectedNodeChanged。 当 用 户 在 树 形 目录 导 
航 中 选择 或 者 是 单 击 页 面 节点 时 ,就 会 激活 该 事件 。 
例如 ,在 Internat. aspx 国际 要 闻 页 面 单 击 * 用 户 登 录 ” 节 点 ,就 可 以 重 定向 到 用 户 登 
录 页 面 。 设 计 及 编程 方法 如 下 : 
(1) 打开 Internat. aspx 页 面 ,切换 到 “设计 ”视图 。 
(2) 双击 TreeView 控件 ,在 Internat. aspx. cs 文件 的 TreeView 1_SelectedNodeChanged() 
事件 中 如 下 编写 代码 。 
protected void TreeViewl_SelectedNodeChanged(object sender, EventArgs e) 
{ 
for (int i = 0; i < TreeViewl.CheckedNodes.Count; i++) 
{ 
string strURL = TreeView1. CheckedNodes[i].Text; 
Response. Redirect( strURL); 


} 
} 


(3) 运行 Internat. aspx, 运 行 结果 如 图 2-4 和 图 2-5 所 示 。 


图 2-5 单 击 树 形 导航 页 面 节 点 后 的 重 定向 页 面 


2.2.4 选择 XML 文件 作为 数据 源 


在 “数据 源 配 置 向 导 ” 对 话 框 中 ,可 以 看 到 TreeView 控件 可 使 用 的 数据 源 类 型 有 两 
种 : XML 文件 和 站 点 地 图 文件 。 在 不 需要 树 形 导 航 列 出 全 部 页 面目 录 的 情况 下 ,可 以 使 
用 XML 文件 作为 TreeView 控件 的 数据 源 。 

以 下 为 0931 后 台 管 理 中 心 设置 树 形 结构 导航 ,并 说 明 XML 文件 作为 数据 源 的 使 用 
方法 。 

(1) 创建 XML 文件 (Manage. xml) 。 在 Visual Studio 2010 的 “解决 方案 资源 管理 
器 ?面板 中 , 右 击 站 点 名 Navigation, 在 弹出 的 快捷 菜单 中 选择 “添加 新 项 ”命令 ,在 弹出 的 
“添加 新 项 ”对 话 框 中 选择 XML 文件 。 可 以 从 站 点 web. sitemap 中 取出 一 部 分 作为 0931 
后 台 管 理 中 心 的 XML 代码 。Manage. xml 文件 参考 代码 如 下 : 


<?xml version = "1.0" encoding = "utf - 8" ?> 
< siteMapNode title= "后 台 管 理 中 心 " url = "~/Admin/Admin.aspx" description = ""” > 
< siteMapNode title= "用 户 管理 " url = "一 /RMdmin/UserManage.aspx" description = ""> 
< siteMapNode title= "用 户 角色 管理 " url = "一 /hdmin/Role.aspx" description = "" /> 
< siteMapNode title= "用 户 状态 管理 " url = "一 /Rdmin/Statu.aspx" description="" /> 
</siteMapNode> 
< siteMapNode title= "新 闻 管 理 " url = "~/Admin/NewsManage.aspx" description="" > 
< siteMapNode title = "添加 新 闻 管 理 " url = "一 /Rhdmin/RMddNews.aspx" description = ""” /> 
< siteMapNode title= "新 闻 分 类 管理 " url = "一 /hdmin/ClassNews.aspx" description="" /> 
</siteMapNode> 
</siteMapNode> 
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(2) 使 用 TreeView 控件 为 管理 中 心 各 层次 页 面 设计 树 形 结构 导航 。 以 Admin 文件 
夹 下 Admin. aspx 后 人 台 管 理 中 心 首页 为 例 。 

首先 创建 Admin. aspx 页 面 文件 。 切 换 到 “设计 ”视图 ,从 左 侧 工具 箱 导 航 组 中 拖 出 
TreeView 控件 。 右 击 TreeView 控件 ,在 弹出 的 快捷 菜单 中 选择 “显示 智能 标记 ”命令 ， 
在 弹出 的 “TreeView 任务 ”对 话 框 中 ,在 “选择 数据 源 ” 选 项 区 域 中 选择 “新 建 数据 源 ” 选 
项 。 在 弹出 的 “数据 源 配 置 向 导 ” 对 话 框 中 ,选择 XML 文件 ”选项 ,并 为 数据 源 指定 ID 
为 : XmlDataSourcel( 默 认 值 ) 。 

在 随后 弹出 的 “配置 数据 源 ? 对 话 框 中 , 单 击 “浏览 ?按钮 选择 数据 文件 。 在 弹出 的 “ 选 
择 XML 文件 ”对 话 框 中 选 定 XML 文件 ,这 里 是 Manage. xml。 

单 击 TreeView 控件 ,在 弹出 的 “TreeView 任务 ”菜单 中 选择 “编辑 TreeNode 数据 绑 
定 ” 命 令 。 在 弹出 的 “TreeView DataBindings 编辑 器 ”对 话 框 中 ,为 siteMapNode 节点 设置 
NavigateUrlField 属性 值 为 url、TextField 属性 值 为 title, 如 图 2-6 所 示 。 


可 用 数据 绑 定 (V): 数据 绑 定 尾 性 (P): 
国外 | 卓 
日 siteMapNode 
siteMapNode 
LsiteMapNode 
所 选 数据 绑 定 (S): FormatString 
ImageToolTipField 
一 lImageUrlField | 
ba NavigateUrlField ur 
a Targetfield 
四 wm 国 
: E | 
TextField 
所 绑 定 (G 数据 绑 定时 用 于 节点 的 Text 尾 性 的 去 列 或 XML 特性 名 , 
Cm | sm | 


2-6 “TreeView DataBindings 编辑 器 ”对 话 框 


(3) 当 XML 文件 作为 TreeView 控件 的 数据 源 时 ,在 Admin. aspx 中 自动 生成 的 ,与 
TreeView 控件 相关 的 主要 代码 如 下 : 


< form id = "forml1" runat = "server"> 
<div> 
<asp:XmlDataSource ID = "XmlDataSourcel" runat = "server" DataFile= "~ /manage. xml"> 
</asp:XmlDataSource> 
< asp: TreeView ID = " TreeViewl" runat = " server" DataSourceID = " XmlDataSourcel" 
ImageSet = "Faq"> 
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<DataBindings> 


< asp: TreeNodeBinding DataMember = " siteMapNode" TextField = " title" 
NavigateUrlField= "url" /> 


</DataBindings > 
</asp:TreeView> 
</div> 
</form> 


运行 Admin. aspx, 运 行 结果 如 图 2-7 所 示 。 


Mh 
EE3 CE 


”安全 (9 ”I 上 IO)" 大 ~ 


sa 今后 台 管理 中 心 
办 用 户 管理 
用 户 角色 管理 
用 户 状态 管理 
s 芒 新闻 管理 
sa 添加 新 闻 管理 
w 新 闻 分 类 管理 


图 2-7 “后 台 管 理 中 心 首页 " 树 形 目录 导航 
2.2.5 小 结 


站 点 地 图 本 身 即 是 一 个 XML 文件 ,在 自行 编写 XML 文件 作为 TreeView 控件 数据 
源 时 ,可 以 参考 web. sitemap 文件 的 格式 和 内 容 。 


2.2.6 思考 与 练习 


在 不 需要 树 形 导航 列 出 全 部 页 面目 录 的 情况 下 ,可 以 使 用 XML 文件 作为 TreeView 
控件 的 数据 源 。 请 读者 使 用 选择 XML 文件 做 数据 源 ,为 网 站 新 闻 中 心 设计 首页 和 树 形 
目录 导航 。 


任务 2.3 设计 、 组 合 母 版 页 和 导航 系统 


任务 目标 


(1) 了 解 母 版 页 在 整合 页 面 公 共 元 素 、 统 一 页 面 风格 中 的 作用 。 
(2) 掌握 创建 母 版 页 和 生成 内 容 页 的 方法 。 
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2.3.1 项 目 概况 与 母 版 页 概述 


(1) 0931 网 站 项 目 包括 一 个 多 功能 多 角色 的 三 层 架 构 新 闻 网 站 一 个 同样 多 功能 的 
三 层 架 构 博 客 网 站 .一 个 基于 系统 对 象 设计 的 聊天 室 、 一 个 基于 XML 技术 的 留言 板 、 一 
个 提供 电话 区 号 查询 的 Web 服务 以 及 网 站 后 台 管 理 中心 等 。 

下 面 主要 以 新 闻 网 站 为 例 , 说 明 一 个 网 站 的 导航 系统 和 母 版 页 的 设计 。 新 闻 网 站 前 
台 以 动态 新 闻 显示 、 用 户 登 录 注册 为 主线 ,后 台 以 用 户 管理 ,新闻 管 理 为 主要 内 容 。 

(2) 母 版 页 是 ASP.NET 4.0 新 增 的 一 个 重用 技术 , 它 可 以 把 一 些 页 面 公共 元 素 如 网 
站 banner、 站 点 导航 系统 甚至 广告 元 素 等 整合 到 一 个 可 以 共享 的 通用 页 面 上 。 

母 版 页 为 应 用 程序 的 所 有 页 面 或 者 一 组 特定 页 面 ( 如 新 闻 显示 模块 ,后 台 管 理 模块 
等 ) 提 供 统一 的 页 面 布 局 和 设计 风格 ,并 且 降 低 了 应 用 程序 开发 和 维护 的 成 本 。 

可 以 把 普通 Web 窗 体 页 面 设计 成 与 母 版 页 相对 应 的 内 容 页 , 当 请 求 内 容 页 时 ,将 整 
合 母 版 页 一 起 输出 。 


2.3.2 网 站 新 闻 模 块 母 版 页 


下 面 为 新 闻 显 示 模 块 设计 母 版 页 。 

在 E:\0931 目录 下 双击 0931. sln 文件 ,运行 Visual Studio 2010, 打 开 E:\0931\ 
Navigation 网 站 。 新 闻 模 块 母 版 页 设计 步骤 如 下 : 

(1) 为 面包 习 导 航 创 建站 点 地 图 。 因 为 母 版 页 的 面包 屑 导航 需要 站 点 地 图 ,所 以 可 
以 继续 使 用 任务 2. 1 或 任务 2. 2 中 创建 的 站 点 地 图 文件 。 

(2) 为 新 闻 显 示 模 块 树 形 目录 导航 创建 XML 文件 。 因 为 在 新 闻 模 块 的 页 面 左 侧 只 
需 列 出 与 新 闻 相 关 页 面 的 树 形 目 录 , 在 不 需要 树 形 导航 列 出 全 部 页 面目 录 的 情况 下 ,用 
XML 文件 作为 TreeView 控件 的 数据 源 。 

在 Visual Studio 2010 的 “解决 方案 资源 管理 器 ”面板 中 , 右 击 站 点 名 Navigation, 在 
弹出 的 快捷 菜单 中 选择 “添加 新 项 "命令 。 在 弹出 的 “添加 新 项 ”对 话 框 中 选择 XML 文 
件 ,命名 为 News. xml 并 把 它 放 在 APP_Data 数据 文件 夹 下 。News. xml 实际 上 是 web. 
sitemap 站 点 地 图 文件 中 的 一 部 分 。News. xml 参考 代码 如 下 : 


<?xml version = "1.0" encoding = "utf - 8" ?> 
< newsNode title= "新 闻 浏 览 " url = " " description=" "> 
< Node title = "国际 要 闻 " url = "一 /news/Internat.aspx" description = "" > 
< subNode title= "国际 要 闻 列 表 " url = "一 /news/InternatList.aspx" description= "" /> 
< subNode title = "国际 详细 要 闻 " url = "一 /news/InternatDetail.aspx" description = ""” /> 
</Node> 
< Node title= "国内 要 闻 " url = "一 /news/Internal.aspx" description = "" > 
< subNode title= "国内 要 闻 列 表 " url = "一 /news/InternalList.aspx" description = "" /> 
< subNode title= "国内 详细 要 闻 " url= "一 /news/ InternalDetail. aspx" description="" /> 
</Node > 
<Node title = "最 新 新 闻 " url = "/news/Latest.aspx" description = ""/> 
<Node title= "新 闻 搜索 " url = "/news/Search.aspx"” description="" /> 
</newsNode > 
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(3) 网 站 的 静态 页 面 设计 。 准 备 0931 网 站 静态 页 面 公 共 元 素 如 样式 表 文 件 ,页 眉 的 
banner 图 片 .navigate 图 片 , 页 脚 的 footer 图 片 以 及 网 站 美工 设计 ; 并 使 用 HTML 的 
DIV( 层 ) 十 TABLE( 表 格 ) 十 CSS( 样 式 表 ) 格 式 进行 页 面 布局 ; 可 将 设计 好 的 静态 页 面 公 
共 部 分 代码 存 成 一 个 . html 文件 ,这 里 存 为 CommonPage. html。 网 站 静态 页 面 公共 元 素 
可 参考 任务 2. 1 中 Default. aspx 页 面 文件 代码 。 

(4) 创建 母 版 页 。 在 Visual Studio 2010 的 “解决 方案 资源 管理 器 ”面板 中 , 右 击 站 点 
名 Navigation, 在 弹出 的 快捷 菜单 中 选择 “添加 新 项 ”命令 。 在 弹出 的 “添加 新 项 ”对 话 框 
中 选择 母 版 页 ,扩展 名 为 . master。 这 里 命名 为 news. master, 单 击 “ 添 加 ”按钮 。news. 
master 中 自动 生成 的 主要 代码 如 下 : 


< form id = "forml" runat = "server"> 

< div> 
< asp:contentplaceholder id = "ContentPlaceHolder1" runat = "server"> 
</asp:contentplaceholder > 

</div> 

</form> 


其 中 ,ContentPlaceHolder 为 内 容 位 置 控件 (内 容 占 位 控件 ), 它 是 母 版 页 的 专用 控 
件 , 是 给 内 容 页 预 留 位 置 的 。 以 上 母 版 页 只 有 一 个 内 容 位 置 控件 且 命名 为 ContentPlace- 
Holderl 。 一 个 母 版 页 至 少 需要 一 个 ContentPlaceHolder 控件 。 


2.3.3 组 合 母 版 页 和 导航 系统 


把 设计 好 的 网 站 静态 页 面 公共 部 分 CommonPage. html 以 及 站 点 导航 系统 (SiteMap- 
Path 控件 .TreeView 控件 等 ) 添 加 到 母 版 页 中 。 组 合 后 的 新 闻 模 块 母 版 页 news. master 
参考 代码 如 下 : 


%@ Master Language = "C#" AutogventWireup = "true" CodeFile = "News. master. cs” Inherits = 
"News" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1. 0 Transitional//EN" " http://www. w3. org/TR/ 
xhtml1/DTD/xhtml1-transitional. dtd"> 
<html xmlns = "http://www. w3.org/1999/xhtml"> 
< head id = "Head1" runat = "server"> 
<title> 一 个 内 容 占 位 控件 的 Master </title> 
<!-- 外 联 样式 表 及 内 嵌 样 式 表 一 -> 
< link href = "App_Data/news. css" type = "text/css" rel = "Stylesheet" /> 
< style type= "text/css"> 
.foot_layer{color: #606060;font — size:14px; text -align:center;} 
</style> 
</head> 
<body> 
< form id = "forml" runat = "server"> 
<!-- 页 由 和 导航 栏 层 -一 > 
< div class = "head_layer"> 
<asp: Image ID = "Imagel" runat = " server”ImageUrl = "一 /images/banner. jpg" 
Style = "width: 1024px; height: 147px" /> 
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</div> 
<div class = "navigate layer"> 
< asp: ImageMap ID = " ImageMapl" runat = " server" ImageUrl = "一 /images/ 
navigate. jpg" HotSpotMode = "Navigate"> 
<asp: RectangleHotSpot Left = "250" Right = "300" Top = "5" Bottom= "35" 
NavigateUrl = "Default. aspx" /> 
<asp: RectangleHotSpot Left = "350" Right = "400" Top = "5" Bottom= "35" 
NavigateUrl = "一 /Login/Login.aspx " /> 


</asp:ImageMap > 
</div> 
<! 一 -面包 悄 导 航 条 层 -一 > 
<div class = "SiteMapPath layer"> 
当前 位 置 :<asp:SiteMapPath ID = "SiteMapPathl" runat = "server"> 
</asp:SiteMapPath> 
</div> 
<!-- 页 面 中 间 内 容 层 , 散 套 一 行 两 列表 格 -一 > 


<div class = "content_layer"> 


<table> 
<tr> 
<!-- 左边 列 , 树 形 目录 导航 层 --> 
<td> 
< div class = "TreeView layer"> 
<asp:TreeView ID = "TreeView1”runat = "server" DataSourceID = 
"XmlDataSourcel"> 
<DataBindings> 
<asp: TreeNodeBinding DataMember = "newsNode"Navigate- 
UrlField= "url" TextField= "title" /> 
<asp:TreeNodeBinding DataMember = "Node"NavigateUrl- 
Field= "url" TextField= "title" /> 
<asp:TreeNodeBinding DataMember = "subNode"Navigate- 
UrlField= "url" TextField= "title" /> 
</DataBindings > 
</asp:TreeView> 
<asp:SiteMapDataSource ID = "SiteMapDataSourcel"runat = "ser- 
ver"/> 
<asp: XmlDataSource ID= "XmlDataSourcel"runat = "server" Dat- 
aFile= "~/App_Data/news. xml"> 
</asp:XmlDataSource> 
</div> 
</td> 
<!-- 右边 列 , 内容 占 位 控件 层 ( 预 留 给 内 容 页 ) -一 > 
<td> 
<div class = "ContentPlaceHolder layer"> 
<asp:ContentPlaceHolder ID = "ContentPlaceHolder1l" runat = 
"server"> 
</asp:ContentPlaceHolder > 
</div> 
</td> 
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</tr> 
</table> 
</div> 
<!-- 页 脚 Footer 层 --> 
< div class = "Foot_layer"> 
<asp:Image ID = "Image2" runat = "server" ImageUrl = "一 /images/Footer. jpg" 
Style = "width: 95px; height: 53px; margin: 4" /> 
</div> 
</form> 
</body> 
</htm] > 


2.3.4 创建 内 容 页 


可 以 将 现 有 的 普通 Web 窗 体 页 面 文件 改造 成 内 容 页 。 

(1) 创建 普通 的 Web 窗 体 页 面 。 仍 以 News 文件 夹 下 Internat. aspx 国际 要 闻 页 面 
为 例 。 右 击 News 文件 夹 ,在 弹出 的 快捷 菜单 中 选择 “添加 新 项 ”命令 ,创建 Internat. aspx 
Web 页 面 文 件 。 利 用 数据 库 生成 新 闻 显示 的 动态 页 面 要 在 本 书 的 后 续 章节 中 学 习 , 所 以 
当前 可 以 只 创建 一 个 简单 的 显示 国际 新 闻 的 静态 页 面 。 

(2) 将 Internat. aspx 页 面 改 造成 内 容 页 。 

OO 在 @Page 标记 中 设置 属性 MasterPageFile 二 "news. master", 并 去 除 页 面 的 
HTML 标记 和 Form 标记 。 

@ 创建 二 asp:Content 二 内 容 控 件 , 注 意 内 容 控 件 必须 是 内 容 页 中 的 顶级 控件 。 

@ 设置 内 容 控件 的 ContentPlaceHolderID 属性 。 

ContentPlaceHolderID 二 "ContentPlaceHolder1" 的 意思 是 : 此 内 容 页 出 现在 与 母 版 
页 相对 应 的 、 内 容 占 位 控件 ID 二 "ContentPlaceHolder1" 的 位 置 中 ; 注意 这 里 ContentPlace- 
Holderl 须 与 母 版 页 中 内 容 占 位 控件 的 命名 一 致 。 

Internat. aspx 内 容 页 实现 代码 如 下 : 


<% @ Page Language = "C#" RutoEventWireup = "true" MasterPageFile = "~ /news. master" 
CodeFile = "internat.aspx.cs”Inherits = "news_internat" %> 
<asp:Content ID = "Content1" ContentPlaceHolderID = "ContentPlaceHolderl" runat = "Server"> 
<div> 
<table> 
<tr><td rowspan = "2">< asp: Image ID = "Imagel" runat = "server" ImageUrl ="~/ 
images/flood. jpg" Width= "95" Height = "121" /></td> 
<td style= "font - size: small; width: 773px;"><a href =""> 澳 大 利 亚 遭 暴风 雨 袭 击 
</a></td></tr> 
<tr><td style= "font - size: small; width: 773px;" align= "left"> 新 华 网 3 月 23 日 报 
道 澳大利亚 东海 岸 几 天 来 连 降 暴雨 ,造成 洪水 泛滥 , 数 千 人 被 迫 离 开 家 园 .昆士兰 首府 布 
里 斯 班 两 天 的 降雨 量 已 经 能 够 为 这 座 城市 提供 超过 1 年 的 饮用 水 …-</td></tr> 
</table> 
</div> 
</asp:Content > 


(3) 运行 内 容 页 Internat. aspx, 运 行 结果 如 图 2-8 所 示 。 
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|X|a Live Search 


(RX | 外 httpi/localhost-49474/0931MasterPage/n 


日 鸭 新 闻 浏览 


日 肪 加 要 闻 泌 大 利 亚 革 暴风 而 莱 南 
名 国际 更 闻 列 表 3 月 2 2 日 澳大利亚 南 利 斯 其 尔 的 机 场 被 洪水 包围 
盘 国 5 汪 拓 现 风 亲朋 2 是 提 和 下 直人 下 本 
虽 本 田间 暴雨， 造成 洪水 泛 若 ， 数 千 入 被 近 敲 开 家 园 。 
图 辆 时 政 新闻 
国 欧文 化 体育 新 闻 
各 后 人 
地 新 闻 境 过 四 , 


T » 


图 2-8 请 求 内 容 页 时 与 母 版 页 一 起 输出 的 结果 


2.3.5 有 多 个 ContentPlaceHolder 控件 时 的 母 版 页 布局 


当 一 个 母 版 页 需要 有 多 个 ContentPlaceHolder 控件 时 , 仍 需 要 使 用 HTML 的 DIV 十 
TABLE 十 CSS 进行 页 面 设计 布局 。 下 面 以 0931 新 闻 模 块 母 版 页 为 例 进行 介绍 。 

(1) 参看 2. 3. 3 小 节 中 的 news. master 页 面 代 码 。 将 news. master 页 面 中 间 层 , 改 
为 嵌 套 一 行 三 列表 格 ,在 表格 的 右 侧 第 三 列 增加 两 个 内 容 控件 的 位 置 。 修 改 后 news. 
master 的 内 容 位 置 控 件 部 分 代码 如 下 : 


<!-- 页 面 中 间 层 , 媒 套 一 行 三 列表 格 -> 
< div class = "content_layer"> 
< table> 
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<tr> 


<!-- 表格 左边 列 放置 树 形 目录 导航 -一 > 
<td> … </td> 
<!-- 表格 中 间 列 ,放置 母 版 页 的 contentplaceholderl 内 容 位 置 控件 --> 
<td style= "width: 1795px"> 
<div class=" ContentPlaceHolderl_layer"> 
<asp:contentplaceholder id = "ContentPlaceHolder1" runat = "server"> 
</asp:contentplaceholder > 
</div> 
</td> 
<!-- 表格 第 三 列 分 两 层 ,分 别 放置 母 版 页 的 Contentplaceholder2,3 内 容 位 置 控件 -一 > 
<td style = "width: 476px"> 
<div class = ”ContentPlaceHolder3_layer"> 
< asp:contentplaceholder id= "ContentPlaceHolder3" runat = " server"> 
</asp:contentplaceholder> 
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</div> 

<div class=" ContentPlaceHolder2 layer"> 
<asp:contentplaceholder id= "ContentPlaceHolder2" runat = "server"> 
</asp:contentplaceholder > 

</div> 

</td> 
</tr> 
</table> 
</div> 


(2) 相应 地 修改 新 闻 显 示 页 面 。 仍 以 Internat. aspx 页 面 为 例 , 在 Internat. aspx 中 增 
加 两 个 和 asp:Content 盖 内 容 控件 ,增加 的 代码 如 下 : 


< asp:Content ID = "Content3" ContentPlaceHolderID = "ContentPlaceHolder3" Runat = "Server"> 
<!-- 新 闻 图 片 显示 页 面 代码 -一 > 
<div> 
<asp:Image ID = "Imagel" runat = "server" ImageUrl = "一 /images/ NewsPicture. jpg " 
style = "width: 281px; height: 126px;"/> 
</div> 
</asp:Content > 
<asp:Content ID = "Content2" ContentPlaceHolderID = "ContentPlaceHolder2" runat = "Server"> 
<!-- 用 户 登录 页 面 代码 -一 > 
< div class = "Login layer"> 
<table border = "1"> 
<tr>< td><asp:Label ID= "Labl" runat = "server" Text = "用 户 名 "></asp:Label> 
<asp:TextBox ID = "txt_name" runat = "server"></asp:TextBox ></td> 


</tr> 
<tr><td><asp:Label ID= "Lab2" runat = "server" Text = "密码 "Width = "48px" 
Height = "19px"></asp:Label > 
<asp:TextBox ID = "txt_pw" runat = "server" TextMode = "Password"> 
</asp:TextBox></td></tr> 
<tr><td><asp:Button ID = "Button1”runat = "server" Text = "登录 " /> 
<asp:LinkButton ID = "LinkButton1" runat = "server" Text = "新 用 户 注 
册 "” Height = "21ipx" Width = "100px"” PostBackUrl = " ~/Login/ 
NewLogin. aspx"></asp:LinkButton></td></tr> 
</table> 
</div> 


</asp:Content > 

(3) 重新 运行 内 容 页 Internat. aspx, 运 行 结果 如 图 2-9 所 示 。 
2.3.6 小 结 

可 以 将 普通 Web 窗 体 页 面 文件 改造 成 内 容 页 ,也 可 以 在 母 版 页 中 直接 添加 内 容 页 。 
在 母 版 页 中 添加 内 容 页 有 以 下 两 种 方式 。 

(1) 在 母 版 页 中 直接 添加 内 容 页 。 切 换 到 设计 视图 ,在 news. master 母 版 页 任意 位 


置 右 击 ,在 弹出 的 快捷 菜单 中 选择 * 添 加 内 容 页 ”命令 ,系统 自动 生成 Default. aspx 内 容 
页 框架 代码 如 下 : 
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避 国生 要 双 列 去 异 大 利 严 次 暴风雨 基 击 
| 了 月 2 2 日 豆 大 利 亚 商 利 其 尔 的 机 场 被 洪水 包 国王 
昌国 @# 新 第 网 3 月 2 3 日 近亲 现 大 利 下 东 淘 亩 几 天 来 这 纤 
时 轩 隐 下 
兰 疝 夫 布 里 斯 旗 两 天 
时 时 为 未， 并 二 人 和风 和 


实情 也 比较 严重 ， 洪 水 和 大 风 苔 简约 250 所 学 校 关 


蔽 时 可 断 | 
和 闻 ， 大 过 民众 补 汉 向 训 至 安 主 区 域 。 用 户 登录 与 注册 认证 


昌国 Xt 
PE 


页 共 页 


机 20092012 
Kr) 
图 2-9 有 多 个 内 容 占 位 控件 时 的 母 版 页 布局 


<% @ Page Language = "C#" MasterPageFile = "一 /news.master”RutoEventWireup = "true" 
CodeFile = "Default.aspx.cs" Inherits = ”Default”Title = "Untitled Page" $%> 
< asp:Content ID = "Content1" ContentPlaceHolderID = "ContentPlaceHolder1" Runat = "Server"> 
</asp:Content > 
(2) 在 Visual Studio 2010 的 ”解决 方案 资源 管理 器 "面板 中 , 右 击 站 点 名 ,在 弹出 的 
快捷 菜单 中 选择 “添加 新 项 "命令 ,在 添加 “Web 窗 体 ” 生 成 aspx 页 面 时 选中 “选择 母 版 
页 ” 复 选 框 ,在 后 续 弹 出 的 选择 母 版 页 的 对 话 框 中 选择 需要 的 母 版 页 。 


2.3.7 思考 与 练习 


为 0931 项 目的 留言 板 模块 创建 母 版 页 和 导航 。 

提示 : 准备 留言 板 模块 所 需 页 面 公共 元 素 , 如 样式 表 文 件 , 页 眉 的 banner 图 片 、 
navigate 图 片 ,页 脚 的 footer 图 片 ,并 使 用 HTML 的 DIV 二 TABLE 十 CSS 设计 页 面 
布局 。 
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任务 3.1 获取 用 户 输入 信息 和 
客户 端 环境 信息 


任务 目标 


(1) 了 解 Page、Request、Response 等 系统 对 象 的 属性 、 方 法 与 事件 。 
(2) 掌握 页 内 数据 传递 和 页 间 数 据 传递 的 方法 与 技术 。 


3.1.1 ASP.NET 系统 对 象 概述 


ASP.NET 提供 了 一 些 封装 类 ,这 些 封装 类 的 实例 称 为 系统 对 象 。 系 统 对 象 可 以 直 
接 在 页 面 上 使 用 。ASP.NET 常用 的 系统 对 象 有 : 用 来 处 理 页 面 和 页 面 间 操作 的 Page 对 
象 ; 用 来 处 理 页 面 输入 /输出 请 求 和 响应 的 Request 对 象 和 Response 对 象 ; 用 来 在 页 面 
之 间 记 录 ,保存 和 传递 数据 的 Cookie 对 象 .Session 对 象 和 Application 对 象 ; 用 来 提供 服 
务 器 端 访问 的 Server 对 象 等 。 

例如 ,Page 对 象 是 System. Web. UI. Page 类 的 实例 ,所 有 的 ASP.NET 页 面 都 继承 
自 此 页 面 类 。Page 对 象 包含 了 所 有 用 来 处 理 页 面 和 页 面 间 操作 的 属性 ,方法 与 事件 。 


3.1.2 页 内 数据 传递 


下 面 通过 一 个 用 户 注册 实例 来 说 明 Page 对 象 属性 的 使 用 以 及 ASP.NET 页 面 中 数 
据 提交 与 传递 的 方式 。 在 本 实例 中 , 当 页 面 首次 加 载 时 ,显示 注册 界面 ; 当 用 户 提交 注册 
信息 时 ,将 获取 用 户 输 入 信息 与 客户 端 环境 信息 并 在 页 面 下 方 显示 。 用 户 注册 页 面 界面 
设计 以 及 运行 效果 如 图 3-1 所 示 。 其 设计 步骤 如 下 : 

(1) 在 E:\0931 目录 下 双击 0931. sln 文件 ,打开 Visual Studio 2010。 在 “解决 方案 
资源 管理 器 ?面板 中 , 右 击 “ 解 决 方案 “09317”, 在 弹出 的 快捷 菜单 中 选择 “添加 ”~“ 新 建 网 
站 ”命令 。 新 建 网 站 命名 为 IsCrossPagePostBack。 

右 击 站 点 名 ,在 弹出 的 快捷 菜单 中 选择 “添加 新 项 ”命令 。 在 弹出 的 “添加 新 项 ”对 话 
框 中 选择 “Web 窗 体 ”选项 ,创建 用 户 注 册页 面 Login. aspx。 

参照 图 3-1, 在 设计 视图 中 为 Login. aspx 页 面 添 加 3 个 TextBox 控件 、1 个 
DropDownList 控件 .2 个 Button 控件 以 及 若干 个 用 来 显示 信息 的 Label 控件 。 可 以 将 上 
述 控件 用 HTML 的 DIV( 层 ) 十 TABEL( 表 格 ) 加 以 布局 。 


ASP NET 动 态 网 站 开发 项 目 化 教程 第 2 版 ) 


Oe httpy/localhost ~ S| + | X || 加 Live seareh 
识 收 枉 夫 全 页 内 数据 传递 全 - 国 - 
注册 通行 证 <^ 
用 记名 RRose 二 
密码 [|] 
提问 你 最 喜欢 的 食物 ? ~ 
回答 FI 
注册 | 取消 | 


来 自 127.0.0.1 的 朋友 ， 您 好 ! 


您 当前 运行 的 文件 是 : /IsCrossPagePostBack/Login.aspx 


以 下 是 您 提交 的 信息 ， 请 确认 ! 


用 户 名 : Rose 

密 码 : 123456 电 
安全 提示 问题 : 你 最 喜欢 的 食物 ? 

安全 答案 : 南瓜 饼 = 


图 3-1 “页 内 数据 传递 ”窗口 


Login. aspx 页 面 的 主要 控件 及 属性 设置 如 表 3-1 所 示 。 
表 3-1 Login. aspx 页 面 主要 控件 及 属性 设置 


控件 类 型 控件 ID 属性 及 属性 值 说 明 
txt_uname 默认 设置 用 户 名 

TextBox txt_pw TextMode="Password" 密码 
txt_answer 默认 设置 安全 回答 

DropDownList | DropDownList_ques 默认 设置 提示 问题 

Text 一 "注册 " 

Button oO% OnClick=" btn_OK _Click" 和 全 作 
btn_cancel Text= "取消 ” 取消 按钮 

Label Labell ,Label2,Label3 ,… 默认 设置 用 来 显示 信息 


Login. aspx 中 与 DropDownList 控件 相关 的 代码 如 下 : 


< form id = "forml" runat = "server"> 
<div> 
<table style= "width: 247px;"> 
RS 
<td> 提 问 </td> 
<td>< asp:DropDownList ID = "DropDownList_ques" runat = "server" Width = "130px"> 
<asp:ListItem> 你 最 喜欢 的 食物 ?</asp:ListItem> 
<asp:ListItem> 你 最 喜欢 唱 的 歌 ?</asp:ListItem> 
</asp:DropDownList ></td> 
</tr> 
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(2) 在 设计 视图 中 双击 btn_OK 按钮 ,在 Login. aspx. cs 文件 的 btn_OK _Click 事件 
中 编写 如 下 代码 。 


protected void btn OK Clickl(object sender, EventArgs e) 
{ 
证 (Page. IsPostBack) // 页 内 数据 回 传 
{ 
if (this. txt_uname. Text ! = string. Empty && this. txt pw.Text ! = string. Empty) 
{ 
this. Label3. Text = "<br> 用 户 名 : " + this. txt_uname. Text + 
"<br> 密 码 : " + this. txt_pw.Text+ 
"< br > 安全 提问 : " + this. DropDownList_ques. SelectedItem. Text + 
"< br > 安全 答案 : ”+ this. txt_answer. Text; 
this. Labell.Text = "<br> 来 自 " + Request. ServerVariables[ "remote_ 
addr"].ToString() + "的 朋友 ,您 好 !"; 
this. Label2. Text = "< br> 您 当前 运行 的 文件 是 : " + Request. ServerVariables 
["script_name" ].TbString(); 
this. Label3. Text = "<p> 以 下 是 您 提交 的 信息 ,请 确认 !<br>”+ this. Label3. 
Text; 


} 

说 明 : 

〇 D Page 对 象 的 Page. IsPostBack 属性 可 以 用 来 判断 页 内 是 否 有 表单 数据 提交 。 

if (Page. IsPostBack) 为 true 时 ,表示 是 页 内 数据 传递 ,通常 称 为 页 面 回 传 。 这 里 可 
以 确保 当 有 数据 在 页 内 提交 传递 时 ,获取 并 显示 相关 信息 。 

if (1Page. IsPostBack) 为 true 时 ,表示 是 第 一 次 加 载 页 面 。 这 里 可 以 确保 首次 加 载 
页 面 时 ,显示 注册 界面 。 

@@ Request 对 象 的 ServerVariables 属性 可 以 用 来 获取 服务 器 端 和 客户 端的 环境 变 
量 信息 。 例 如 : 


Request. ServerVariables[ "remote_addr"]; // 用 来 获取 客户 端的 IP 地 址 
Request. ServerVariables[ "script_name"]; // 用 来 获取 当前 执行 文件 的 路 径 
类 似 的 用 法 还 有 : 


Response. Write(Request. ServerVariables[ "http_user agent"].ToString()); 
Response. Write(Request. ServerVariables[ "http accept_language"]. ToString()); 


可 以 分 别 用 来 获取 并 显示 客户 端 浏览 器 的 版 本 与 语言 。 
(3) 运行 Login. aspx。 如 图 3-1 所 示 , 可 以 看 到 表单 数据 在 页 内 提交 传递 的 结果 。 
注意 : 在 第 一 次 加 载 页 面 时 ,是 显示 注册 界面 的 ; 而 当 用 户 提交 注册 信息 时 , 才 有 与 
用 户 输入 相关 的 欢迎 信息 与 确认 信息 在 页 面 下 方 显示 。 
3.1.3 跨 页 数据 传递 


下 面 仍然 以 此 Login. aspx 用 户 注册 页 面 为 例 ,说 明 如 何在 另 一 页 上 获取 前 一 页 表单 
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提交 的 数据 。 

(1) 运行 Visual Studio 2010 .打开 IsCrossPagePostBack 网 站 。 修 改 Login. aspx 页 
面 文件 ,设置 btn_OK 按钮 的 PostBackUrl 属性 。 

Login. aspx 中 与 btn_OK 控件 相关 的 代码 设置 如 下 : 


< form id = "forml" runat = "server"> 
< div> 
< table style = "width: 247px;"> 


<tr> 
<td colspan = "2"> 
<asp:Button ID = "btn_OK" runat = "server" Text = "注册 " BackColor =" 井 COFFC0" 
PostBackUrl = "一 /ConfirmPage.aspx" /> 
< asp:Button ID = "btn_cancel" runat = "server" Text = "取消 " BackColor = "#COFFC0"/> 
</td> 
</tr> 


</table> 
</div> 
</form> 


PostBackUrl 属性 指明 本 页 表单 数据 提交 传递 时 的 获取 页 为 ConfirmPage. aspx。 

(2) 在 站 点 下 新 建 一 个 Web 页 面 文件 ConfirmPage. aspx, 获 取 并 显示 Login. aspx 
页 面 提交 的 信息 。 

在 ConfirmPage. aspx 上 添加 Labell 、Label2、Label3 控件 用 来 输出 用 户 注册 信息 和 
环境 信息 ; 添加 Button1、Button2 按钮 用 来 确认 和 返回 。ConfirmPage. aspx 页 面 设 计 可 
以 参考 图 3-3。 

(3) 在 ConfirmPage. aspx. cs 的 Page_Load 事件 中 编写 代码 如 下 : 


protected void Page_Load(object sender, EventArgs e) 
4 
// 判 断 前 面 传输 页 是 否 为 nul1 
if (Page. PreviousPage ! = null) 
{ 
// 判 断 前 页 是 否 使 用 跨 页 数据 提交 
if (PreviousPage. IsCrossPagePostBack = = true) 
{ 
证 (((TextBox)Page. PreviousPage. FindControl("txt_uname")). Text ! = string. Empty && 
((TextBox)Page. PreviousPage. FindControl("txt_pw")).Text ! = string. Empty) 
{ 
this. Label3. Text = this.Label3.Text + "<br> 用 户 名 : " + ((TextBox)Page. 
PreviousPage. FindControl ("txt_uname")). Text + 
"</br> 密 ” 码 : "+ ((TextBox)Page. PreviousPage. FindControl("txt pw")).Text + 
"</br > 安全 提示 问题 : " + ((DropDownList)Page. PreviousPage. FindControl 
("DropDownList ques")).Text+ 
"</br > 安全 答案 : " + ((TextBox)Page. PreviousPage. FindControl ("txt_answer")) 
.Text; 
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this. Labell. Text = "</br> 来 自 ”+ Request. ServerVariables["remote_addr"] 
.ToString() +“" 的 朋友 ,您 好 !"; 
this. Label2. Text = "</br> 您 当前 运行 的 文件 是 : " + Request. ServerVariables 
["script_name"]. ToString(); 
this. Label3. Text = "<p> 以 下 是 您 提交 的 信息 ,请 确认 !</br>" + this. Label3. 
Text; 

} 


else 


{ 
Response. Write("< script >alert(\" 必 须 输入 用 户 名 和 密码!\")</script >"); 
} 


， 

说 明 : 

@ 必须 先 用 if(Page. PreviousPage ! 二 null) 确 保 前 面 的 传输 页 对 象 非 null, 否 则 程 
序 调试 时 会 出 现 “ 用 户 代 码 未 处 理 NullReferenceException ”异常 ,提示 在 执行 下 一 句 代 码 
前 ,检查 确定 对 象 是 否 为 空 。Page. PreviousPage 属性 用 来 表示 向 当前 页 传输 数据 的 页 。 

@ if (PreviousPage. IsCrossPagePostBack 二 二 true) 用 来 判断 前 一 页 面 是 否 使 用 了 
跨 页 数据 提交 。 

@ Page. PreviousPage. FindControl ("控件 ID") 方 法 ,用 来 找到 并 获取 前 面 传输 页 
控件 的 值 。 

(4) 在 ConfirmPage. aspx 页 面 的 设计 视图 中 分 别 双击 Button1 (确认 ) 按 钮 和 
Button2( 返 回 ) 按 钮 。 

在 ConfirmPage. aspx. cs 的 Button1_Click、Button2_Click 事件 中 编写 如 下 代码 。 


protected void Button1_Click(object sender, EventArgs e) 
{ 
Response. Write("< script > alert(\" 已 成 功 创建 您 的 账户 !\")</script >"); 
bE 
protected void Button2 Click(object sender, EventArgs e) 
{ 
Response. Redirect("Login. aspx" ); 
} 


说 明 : OO- 优 ] httpylocalhost ~ | + 
GD 使 用 Response 对 象 的 Write 方法 ,可 以 将 HTTP | 让 民 天命 em 人 


响应 数据 发 送 到 客户 端 ,实现 页 面 的 输出 控制 。 这 里 用 二 加 
用 PP 名 prm | 


到 了 alert() 函 数 , 它 是 JavaScript 语言 的 输出 框 函数 。 密码 ee 


ASP.NET 以 多 种 形式 支持 JavaScript 脚本 代码 。 提 问 “你 最 喜欢 唱 的 歌 ? ~ 
加 使 用 Response 对 象 的 Redirect 方法 可 以 重 定 | 回答 [> | 
向 返回 注册 页 面 。 EN 
(5) 重新 运行 Login. aspx 页 面 文件 ,输入 注册 信 
息 后 提交 并 确认 。 运 行 结果 如 图 3-2 一 图 3-4 所 示 。 3-2 输入 注册 信息 
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OO | 多 httpy//ocalhost ~ [Ea 


|X hese pe 
3 收 基 夫 。 仿 哮 页 数据 传送 芥 - -3 
来自 127.0.0.1 的 朋友 ， 您 好 ! = 


您 当前 运行 的 文件 是 : /IsCrossPagePostBack/ConfirmPage.aspx 
以 下 是 您 提交 的 信息 ， 请 确认 ! 

用 户 名 : John 三 
密 码 : 123456 

安全 提示 问题 : 你 最 喜欢 唱 的 歌 ? 

安全 答案 : 三 套 车 


EB > 


mn ] » 


图 3-3 “数据 跨 页 传送 "窗口 图 3-4 单 击 “ 确 认 ” 按 钮 的 结果 
3.1.4 小 结 


(1) Page 对 象 的 @ Page 指令 为 页 面 指定 了 解析 和 编译 页 面 时 使 用 的 属性 和 值 。 当 
页 面 @ Page 指令 中 的 AutoEventWireup 一 "true" 时 ,在 页 面 装载 时 首先 执行 Page_Load 
事件 过 程 。 

(2) Request 对 象 常用 来 获取 页 面 的 输入 以 及 用 来 获取 客户 端的 环境 变量 信息 。 

(3) Response 对 象 用 来 控制 页 面 输出 ,例如 : 


Response. Write( string express); // 在 页 面 上 输出 信息 
Response. Redirect(string url); // 重 定向 到 另 一 页 面 


3.1.5 思考 与 练习 


1. 设计 一 个 用 户 登 录 页 面 ,要 求 在 用 户 登录 后 在 本 页 显示 与 用 户 名 相关 的 欢迎 信 
息 。 注 意 使 用 Page. IsPostBack 属性 ,确保 页 内 数据 传递 时 ,显示 登录 欢迎 信息 ; 而 当 页 
面 首次 加 载 时 ,显示 登录 界面 。 

2. 修改 第 1 题 程序 ,在 另 一 页 显示 与 用 户 名 相对 应 的 欢迎 信息 。 注 意 使 用 Page. 


PreviousPage 属性 和 Page. IsCrossPagePostBack 属性 。 
任务 3.2 记录 用 户 访问 网 站 的 时 间 和 次 数 
任务 目标 


(1) 了 解 Cookie 对 象 的 常用 属性 和 方法 。 
(2) 掌握 使 用 Cookie 对 象 记录 用 户 登录 和 访问 信息 的 方法 和 技术 。 


3.2.1 Cookie 对 象 简介 


Cookie 对 象 是 System. Web. HttpCookie 类 的 实例 。Cookie 实际 上 是 一 小 段 文本 信 
息 , 可 以 由 Web 服务 器 写 到 客户 端 硬盘 ,或 者 从 客户 端 读 回来 。 可 以 用 此 方法 来 跟踪 客 
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户 端 用 户 的 登录 和 访问 信息 。 例 如 : 
(1) 用 Response 对 象 的 Cookies 方法 写 Cookie。 
// 创 建 一 Cookie 实例 
HttpCookie UNCookie = new HttpCookie("UserName"," 小 松鼠 "); 


// 把 Cookie 信息 写 到 客户 端 
Response. Cookies. Add( UNCookie); 


(2) 用 Request 对 象 的 Cookies 方法 读 Cookie。 

// 读 取 客户 端 Cookie 信息 

string UName = Request. Cookies[ "UserName" ]. Value; 
3.2.2 记录 用 户 的 访问 信息 


下 面 通过 一 个 实例 来 说 明 Cookie 对 象 的 应 用 
在 本 实例 中 , 当 用 户 第 一 次 来 访 时 ,显示 问候 和 首次 光临 本 站 的 信息 ,并 提示 用 户 登 
录 。 运 行 结果 如 图 3-5 和 图 3-6 所 示 。 


© | reocnos -pel sx 
高 收 可 夫 “从 用 户 登录 页 面 t 
你 好 ， 你 是 第 1 次 光临 本 站 ! 请 登录 。 “ 


全 口 - 优 | http://localhost -二 IX : 


二 收藏 夫 。 优 用 户 登 录 页 面 
Rose 你 好 ， 登 录 成 功 ! 已 在 客户 端 记 “| 让 


录 了 您 的 登录 信息 。 
用 户 登录 窗口 用 户 登录 窗口 

用 户 名 Rose 用 户 名 Rose 上 

密码 [ee |] | 窗 码 

EE 3 得 录 | 取消 | 
图 3-5 第 一 次 访问 时 图 3-6 登录 提交 


当 用 户 再 次 来 访 时 ,显示 再 次 来 访 信息 、 访 问 次 数 以 及 用 户 上 次 来 访 的 时 间 , 运 行 结 
果 如 图 3-7 所 示 。 


Rose 你 好 ， 欢 迎 你 再 次 光临 ! 
你 是 第 2 次 访问 本 站 ! 
你 上 次 登录 的 时 间 是 : 2012 年 5 月 11 日 21:19:09 - 


3-7 再 次 访问 时 


(1) 运行 Visual Studio 2010, 在 “解决 方案 资源 管理 器 ”面板 的 “在 解决 方案 “0931”” 
下 新 建 网 站 ,命名 为 Cookies。 
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(2) 创建 用 户 登录 页 面 Login. aspx。 添 加 Labell、Label2 控件 和 TextBox1、TextBox2 
控件 用 来 输入 用 户 名 和 密码 ; 添加 Label3 、Label4、Label5 控件 分 别 用 来 显示 用 户 的 来 访 
信息 访问 次 数 和 上 次 登录 时 间 ; 添加 Button1、Button2 按钮 用 来 登录 或 者 取消 登录 。 

Login. aspx 登录 页 面 控件 设计 可 以 参照 图 3-5。 

(3) 为 Login. aspx. cs 的 Page_Load 编写 事件 代码 如 下 : 


protected void Page_Load(object sender, EventArgs e) 
if (!Page. IsPostBack) // 首 次 加 载 页 面 
{ 
if (Request. Cookies["userName"] ! = null) 
{ 

Label3. Text = Request.Cookies["userName"].Value + "你 好 ,欢迎 你 再 次 光 

临 !"” + "<p>"; 

if (Request. Cookies["acceNum"] ! = null) 

{ 
// 访 问 次 数 加 1 
int iNum = Convert.ToInt32(Request. Cookies["acceNum"].Value) + 1; 
Label4. Text = "你 是 第 ”+ Request.Cookies["acceNum"].Value + "次 访 
间 本 站 !" + "<p>"; 
// 将 新 访问 次 数 写 回 客户 端 Cookie 
HttpCookie acceNumCookie = new HttpCookie("acceNum", iNum. ToString 
(0)); 
Response. Cookies. Add(acceNumCookie); 
acceNumCookie. Expires = DateTime. MaxValue;// 设 置 Cookie 有 效 期 限 

} 

if (Request. Cookies["acceTime"] ! = null) 

{ 
Label5. Text = "你 上 次 登录 的 时 间 是 : " + Request. Cookies 
["acceTime"].Value + "<p>"; 


Response. Write(" 你 好 ,你 是 第 1 次 光临 本 站 ! 请 登录 .< br>"); 

// 将 新 访问 次 数 写 回 客户 端 Cookie 

HttpCookie acceNumCookie = new HttpCookie("acceNum", "2"); 
Response. Cookies. Add(acceNumCookie); 

acceNumCookie. Expires = DateTime. MaxValue;// 设 置 Cookie 有 效 期 限 


} 


(4) 在 Login. aspx 页 面 的 设计 视图 中 双击 Buttonl 按钮 ,在 Button1_Click 事件 中 
写 事件 代码 如 下 。Button1_Click 事件 在 用 户 单 击 Button1“ 登 录 ” 按 钮 的 时 候 执行 。 
protected void Button1 Click(object sender, EventArgs e) 
{ 
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// 将 本 次 登录 的 日 期 和 时 间 , 写 人 客户 端 Cookie 

HttpCookie acceTimeCookie = new HttpCookie("acceTime"，DateTime. Now. ToLongDateString()+ 
DateTime. Now. ToLongTimeString()); 

Response. Cookies. Add(acceTimeCookie); 


// 将 用 户 名 写 人 客户 端 Cookie 
HttpCookie userNameCookie = new HttpCookie("userName"，this.Txt1.Text); 
Response. Cookies. Add( userNameCookie); 


// 设 置 Cookie 有 效 期 限 
acceTimeCookie. Expires = DateTime.MaxValue; 
userNameCookie. Expires = DateTime.MaxValue; 


Label3. Text = this. TextBoxl. Text + "你 好 , 登录 成 功 ! 已 在 客户 端 记录 了 您 的 登录 信息 。 
</br>"; 
} 
这 里 将 用 户 的 来 访 信息 用 Label 控件 显示 ,也 可 以 用 Response 对 象 的 Write 方法 把 
信息 直接 输出 到 客户 端 。 例 如 : 


Response. Write(" 你 是 第 ”+ Request. Cookies["acceNum"].Value + "次 访问 本 站 !"); 
Response. Write(" 你 上 次 登录 的 时 间 是 : ”+ Request. Cookies["acceTime"]. Value); 


3,2.3 小 结 


(1) 删除 一 个 Cookie 的 方法 可 以 是 设置 一 个 过 期 的 .同名 的 Cookie 来 覆盖 原来 的 
Cookie。 例 如 : 
HttpCookie userNameCookie = new HttpCookie("userName"); 


userNameCookie. Expires = DateTime. Now. AddDays( — 1); 
Response. Cookies. Add( userNameCookie); 


这 里 为 Cookie 设置 了 一 个 一 天 前 的 有 效 期 ,实际 上 是 让 客户 端 浏览 器 来 删除 这 个 过 
期 的 Cookie。 

(2) 把 Cookie 信息 写 到 客户 端 可 以 有 更 简单 的 方法 。 

语法 为 : 

Response. Cookies[Cookie 名 称 ] . Value= 变量 值 ; 

例如 : 


Response. Cookies[ "userName"] .Value = "小 松鼠 "; // 写 Cookie 
Response. Cookies["acceNum "]. Value= 1; 
Response. Cookies["accetime"] .Value = DateTime. Now.ToString(); 
(3) 注意 用 户 可 以 通过 设置 浏览 器 的 方法 禁用 Cookie。 
37 


ASP NET 动 态 网 站 开发 项 目 化 教程 第 2 版 ) 


3.2.4 思考 与 练习 

如 图 3-8 所 示 , 在 用 户 登 录 窗口 实现 “ 记 住 状态 ”功能 。 

提示 : 在 用 户 选择 " 记 住 状态 ”后 将 用 户 登 录 信息 写 入 客户 端 Cookie, 当 用 户 再 次 运 
行 登 录 页 面 时 ,将 从 客户 端 读 回 的 Cookie 信息 事先 写 入 输入 文本 框 。 


录 页面 - 


侣 用 疡 
GO [ere 


资 收藏 夫 “| 从 用 户 登录 页 面 


ocaont IE] 


用 户 登录 窗口 
用 户 名 ”Rose E 
密码 e000 
团 记 住 状态 区 


4| [In 后 


图 3-8 “ 记 住 状态 ”功能 


任务 3.3 设计 网 站 聊天 室 


任务 目标 


(1) 了 解 Session 对 象 和 Application 对 象 的 属性 、 方 法 和 事件 。 
(2) 掌握 利用 Session 对 象 和 Application 对 象 在 页 面 间 保存 和 传递 数据 的 方法 。 


3.3.1 Session 对 象 和 Application 对 象 简介 


Session 对 象 和 Application 对 象 实际 上 可 以 看 成 是 在 一 个 Web 应 用 程序 ( 即 一 个 站 
点 ) 的 不 同 页 面 之 间 保 存 数据 、 传 递 数 据 的 变量 。 

Session 对 象 是 用 来 跟踪 、 面 向 单个 用 户 的 ,也 即 仅 供 某 一 个 用 户 使 用 。Session 对 象 
的 Timeout 属性 可 以 用 来 设置 Session 的 有 效 时 长 。 例 如 ,Session. Timeout 二 10; 表 示 在 
用 户 停止 使 用 应 用 程序 页 面 10 分 钟 后 ,该 Session 对 象 将 因 超 时 被 清除 ,默认 时 长 为 
20 分 钟 。 

Application 对 象 是 共享 的 ,可 以 供 访 问 该 应 用 程序 的 所 有 用 户 使 用 。Application 对 
象 的 生命 有 效 期 为 从 应 用 程序 启动 到 应 用 程序 关闭 (Web server 重启 )。 第 一 个 用 户 访 
间 站 点 时 创建 的 Application 对 象 全 程 有 效 ,所 有 访问 本 应 用 程序 的 用 户 都 可 以 使 用 该 
对 象 。 

Session 对 象 是 System. Web. HttpSessionState 类 的 实例 ; Application 对 象 是 System. 
Web. HttpApplicationState 类 的 实例 。 
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3.3.2 聊天 室 首 页 与 简单 计数 器 设计 


下 面 通过 聊天 室 实 例 来 说 明 Session 对 象 和 ET 


Application 对 象 的 应 用 。 在 区 天 室 设计 中 ,可 以 使 | CGI 


二 收 查 夫 。 合 对 KK 衬 首页 


用 Session 对 象 保存 每 个 用 户 的 昵称 、 跟 踪 单 个 用 

户 的 发 言 ; 可 以 使 用 Application 对 象 保存 公共 发 

言 内 容 \ 设 计 简 单 计数 器 统计 在 线 人 数 等 。 运 行 结 

果 如 图 3-9 和 图 3-10 所 示 。 请 输入 昵称 大 康 浪 
(1) 在 E:\0931 目录 下 双击 0931. sln 文件 , 打 

开 Visual Studio 2010。 在 “解决 方案 *0931”” 下 新 

建 网 站 ,命名 为 Chatroom。 默 认 首页 文件 为 Default. 


aspx。 


0931 聊 天 室 (现在 共有 6 人 在 线 !) 


图 3-9 ”聊天 室 首 页 


Os http:Wlocalhost5376/chatroom0426-16/chataspx “| + | Xe iivesearch PD -| 
部 收 E 天 “| 钨 对 至 cha 栅 例 " 国 -号 呢 - > 安全 IROv 


小 虫子 先生 在 2011/8/14 11:09:13 生 气 的 对 大 虫 说 : 我 真 ”“ 
的 生气 了 
人 子 先生 在 2011/8/14 11:05:37 生 气 的 对 大 虫 说 : 我 生 

Ti 
ef 来 自 127.0.0.1 的 小 虫子 于 2011/8/14 11:03:43 大 驾 光 临 | 
性 别 :Gm 小 松鼠 于 2011/8/14 11:03:26 离 开 聊 天 室 了 

别 : Gi 小 松鼠 女士 在 2011/8/14 11:03:17 惊 慌 的 对 大 家 说 : 啊 


心情 : 愉快 ~ 司 | 小 徐 鼠 女士 在 2011/8/14 11:00:14 恰 快 的 对 大 家 说 : 各 位 
说 话 内 容 : 早上 好 ! 
= 来 自 127.0.0.1 的 小 松鼠 于 2011/8/14 10:59:18 大 驾 光 临 
~ 人 先 a 人 
中 127.0.0.1 于 2011/8/14 10:57:35 大 驾 光 | 
对 :EE 大 虫 先生 在 2011/8/14 10:57:17 恰 快 的 对 大 家 说 : morning! 
我 要 离开 聊天 室 ~ | 来 自 127.0.0.1 的 大 虫 于 2011/8/14 10:56:49 大 驾 光 临 妆 


图 3-10 ”Chat. aspx 页 面 运行 结果 


(2) 为 Default. aspx 添加 窗 体 控件 ,切换 到 设计 视图 ,从 左 侧 工具 箱 标准 组 中 拖 出 
2 个 Label 控件 、1 个 TextBox 控件 1 个 Button 控件 ,最 后 给 输入 昵称 的 TextBox 文本 
框 加 必 填 验证 。 聊 天 室 首页 控件 设计 可 以 参见 图 3-9 。 

Default. aspx 实现 代码 如 下 : 


< html xmlns = "http://www. w3.org/1999/xhtml" > 
< head runat = "server"> 

<title> 聊 天 室 首页 </title> 
</head> 
<body> 

< form id = "form1”runat = "server"> 

<div> 

<asp:Label ID = "Lab0" runat = "server" Text = "0931 聊天 室 "></asp:Label > 
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<asp:Label ID = "Labl" runat = "server" Text = ""></asp:Label> 
<p> 请 输入 昵称 <asp:TextBox ID = "Txt1”runat = "server"></asp:TextBox></p> 
< asp:Button ID = "Btn1”runat = "server”Text = "进入 聊天 室 " OnClick= "Btnl_Click" /> 
< asp: RequiredFieldValidator ID = "Requl" ControlToValidate = "Txt1"” runat = 
"server" ErrorMessage = "< br > 必须 输入 昵称 ! "></asp:RequiredFieldValidator> 
</div> 
</form> 
</body> 
</html> 


其 中 ,RequiredFieldValidator 必 填 验证 控件 的 使 用 参见 任务 4. 1。 
(3) 在 设计 视图 中 双击 Btnl 按钮 ,在 Default. aspx. cs 中 编写 如 下 事件 代码 。 


protected void Page_Load(object sender, EventArgs e) 
{ 

if (Application["user_online"] = =null) 

{ 

Application[ "user online"] = 0; 

} 

Application["user online"] = (int)Application["user online"] + 1; 

Labl. Text = "(现在 共有 " + Application["user_online"].ToString() +" 人 在 线 !)"; 
} 
protected void Btn1_Click(object sender, EventArgs e) 


' 
证 (Page. IsPostBack) // 页 面 数据 回 传 
{ 
// 将 用 户 昵称 保存 到 Session 对 象 中 
Session["User_name" ] = this.Txt1l.Text; 
// 重 定向 到 聊天 室 主 页 面 
Response. Redirect("chat.aspx" ) 7 
} 
. 
说 明 : 


在 Page_Load() 事 件 代 码 中 ,Application[ "user_online"] 一 0; 用 来 给 Application 对 
象 赋 初 值 。 这 里 用 Application 对 象 设 计 了 一 个 简单 的 站 点 计数 器 ,统计 当前 的 在 线 人 
数 。 每 加 载 一 次 本 页 面 ,Application[ "user_online"] 加 1。 

@ 在 Btnl_Click() 事 件 代码 中 ,iE (Page. IsPostBack) 为 true 时 ,表示 页 内 有 数据 提 
交 传送 ,而 非 首 次 加 载 页 面 ,详细 说 明 可 参照 任务 3. 1。 

@ Session[ "User_name"] 一 this. Txtl. Text 是 把 用 户 输入 的 昵称 保存 到 一 个 
Session 对 象 中 。 想 想 为 什么 不 能 把 昵称 保存 到 一 个 Application 对 象 中 ? 


3.3.3 构建 登录 字符 串 与 发 言 字符 串 


(1) 创建 Chat. aspx 页 面 文件 ,页 面 分 框架 界面 设计 参照 图 3-10。 
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Chat. aspx 实现 代码 如 下 : 


< htm]l xmlns = "http://www. w3.org/1999/xhtml" > 
< head runat = "server"> 

<title> 聊 天 室 Chat. aspx 主页 面 </title> 
</head> 
<Frameset cols = "120, *" rows="*"> 

<Frame name = "say" src = "Inputwin.aspx"> 

< Frame name = "message" src = "Showwin. aspx"> 
</Frameset > 
</html > 


这 是 一 个 HTML 语言 编写 的 分 框架 页 面 程序 , 它 把 一 个 窗口 分 成 了 两 个 。 左 半 窗 
口 用 来 存放 输入 发 言 内 容 的 页 面 文件 Inputwin. aspx, 右 半 窗 口 用 来 存放 显示 聊天 内 容 
的 页 面 文件 Showwin. aspx。 

(2) 构建 登录 消息 字符 串 。 在 Chat. aspx. cs 的 Page_Load 事件 中 编写 代码 如 下 : 


protected void Page Load(object sender, EventArgs e) 


{ 
string user name= (string)Session[ "user name"]; // 取 用 户 昵称 


string sayStr = "来 自 " + (string)Request. ServerVariables[ "REMOTE_ADDR"] + "的 "; 
sayStr = sayStr + "<b>< font color = red>" + user name + "</font ></b>"; 
sayStr = sayStr + "于 " + DateTime. Now + "大 驾 光 临 ”; 


Application. Lock( ); 
Application["show"] = sayStr + "<br>" + Application["show"];// I=I+1 
Application. UnLock( ); 

} 


这 里 构建 了 一 个 登录 消息 字符 串 sayStr, 并 且 把 它 放 到 了 一 个 共享 的 Application 
["show"] 对 象 中 ,注意 I=I 十 1 的 写法 。Lock() 与 UnLock() 是 Application 对 象 的 方 
法 ,在 使 用 Application 对 象 前 后 分 别 用 来 加 锁 和 解锁 ,以 防止 出 现 多 个 用 户 同时 修改 的 
情况 。string user_name 二 (string)Session[ "user_name"]; 是 把 用 户 昵称 从 Session 对 象 
中 取出 来 。 

(3) 构建 发 言 内 容 字 符 串 。 创 建 输入 发 言 内 容 的 页 面 文件 Inputwin. aspx。 为 
Inputwin. aspx 页 面 添加 控件 ,控件 布局 可 以 参见 图 3-10 Chat. aspx 页 面 运行 结果 界面 
的 左 侧 窗口 。 这 里 用 了 2 个 DropDownList 下 拉 列 表 框 控件 ,分 别 用 来 选择 发 言 人 的 性 
别 和 发 言 时 的 心情 ; 1 个 单行 TextBox 控件 (对 谁 说 ); 1 个 多 行 TextBox 控件 (发 言 内 
容 ); 1 个 Button 按钮 (发 言 提交 )。 最 后 给 输入 发 言 内 容 的 TextBox 加 必 填 验证 控件 。 

Inputwin. aspx 页 面 的 主要 代码 如 下 : 

<form id= "forml" runat = "server"> 

<div> 
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<asp: Image ID = "Imagel" runat = "server" Height = "99px" ImageUrl = "~/images/girl. jpg" 
Width= "123px" /><br /> 
性 别 : <asp:DropDownList ID = "sex" runat = "server" Width = "63px"> 
<asp:ListItem Value = "女士 "> Girl</asp:ListItem> 
<asp:ListItem Value= "先生 "> Boy </asp:ListItem> 
</asp:DropDownList><br /> 
心情 : <asp:DropDownList ID = "sayemotional" runat = "server" Width= "64px"> 
<asp:ListItem> 愉 快 </asp:ListItem> 
<asp:ListItem> 生 气 </asp:ListItem> 
<asp:ListItem> 惊 慌 </asp:ListItem> 
<asp:ListItem> 无 表情 </asp:ListItem> 
</asp:DropDownList>< br /> 
说 话 内 容 : <asp: TextBox ID = "Txt2" runat = "server" Columns = "30" TextMode = "MultiLine" 
Height = "25px" Width = "129px"></asp:TextBox><br /> 
对 : < asp:TextBox ID = "Txt1" runat = "server” Text = "大 家 " Columns = "10" Width = 
"62px"></asp:TextBox> 
<asp:Button ID = "Btn1" runat = "server" Text = "发 言 " OnClick = "Btnl_Click" /> 
< asp: RequiredFieldValidator ID = " Requl”ControlToValidate = "Txt2" runat = 
"server" ErrorMessage = "必须 输入 发 言 内 容 !"></asp:RequiredFieldValidator >< br /> 
<a href = "exit.aspx”target = "_top"> 我 要 离开 聊天 室 </a>< br /> 
</div> 
</form> 


在 设计 视图 中 双击 Btn1( 发 言 ) 按 钮 ,在 Inputwin. aspx. cs 文件 的 Btnl_Click 事件 中 
编写 代码 如 下 : 


protected void Btnl Click(object sender, EventArgs e) 
{ 
证 (Page. IsPostBack = = true) // 有 页 面 数据 回 传 
{ 
String ssex, emotion, who; 
// 获 取 性 别 
ssex = Sex. SelectedItem. Value; 
// 获 取 发 言 时 心情 
emotion = sayemotional.SelectedItem. Text + "的 "; 
// 获 取 对 谁 说 
Who = "对 " + "<b>" + Txtl.Text + "</b>"; 
// 构 建 发 言 字符 串 : 
String sayStr = "< font size= '3'color = '00ff00><b>" + (string)Session["user name"]; 
sayStr = sayStr + ssex + "</b></font> 在 " + DateTime.Now + emotion + who + "说 :"; 
sayStr = sayStr + this.Txt2.Text; 
Application. Lock( ); 
Application["show"] = sayStr + "<br>" + (string)Application["show"]; 
Application. UnLock( ); 
// 将 发 言 框 清空 
this. Txt2. Text = ""; 


h 


构建 的 sayStr 发 言 内 容 字 符 串 也 放 到 了 Application["show"] 对 象 中 , 即 所 有 登录 字 
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符 串 和 发 言 字符 串 是 放 在 同一 个 Application["show"] 对 象 中 的 。 


(4) 创建 显示 发 言 字符 串 和 发 言 内 容 的 页 面 文件 (Showwin. aspx) ,实现 代码 如 下 : 


< html xmlns = "http://www. w3.org/1999/xhtml" > 
< head runat = "server"> 
< meta http - equiv = "refresh" content = "10"/> 
<title> 显 示 发 言 字符 串 和 发 言 内 容 的 页 面 </titley 
</head> 
<body> 
< form id = "forml" runat = " server"> 
<div> 
</div> 
</form> 
</body> 
</htnl > 


这 里 的 二 meta http-equiv 王 "refresh"content 一 "10"/ 二 表示 每 隔 10 秒 自动 刷新 页 面 


一 次 ,用 以 不 断 更 新 页 面 内 容 。 


在 Showwin. aspx. cs 的 Page_Load 事件 中 编写 代码 如 下 : 


protected void Page Load(object sender, EventArgs e) 


{ 
// 在 页 面 上 输出 Application[ "show" ] 的 值 
Response. Write( (string)Application[ "show" ]); 
} 
(5) 为 离开 聊天 室 页 面 的 Exit. aspx. cs 文件 编写 代码 如 下 : 


Protected void Page_Load(object sender, EventArgs e) 

{ 
// 构 建 离开 消息 字符 串 , 仍 保存 在 Application["show"] 中 
string sayStr ="<b>" + (string)Session["user_name"] + "</b>"; 
sayStr = sayStr + "于 ”+ DateTime. Now + "离开 聊天 室 "; 
sayStr = "< font color = 'green>" + sayStr + "</font>"; 
Application. Lock( ); 
//1=I+1 
Application["show"] = sayStr +"<br>" + (string)Application["show"]; 
// 在 线 人 数 减 1 
Application[ "user online"] = (int)Application["user online"] -1; 
Application. UnLock( ); 
Response. Redirect ("Default. aspx"); 

} 


(6) 运行 聊天 室 首 页 文件 Default. aspx。 


3.3.4 小 结 


有 : 


(1) 聊天 室 是 Session 对 象 和 Application 对 象 应 用 的 典型 实例 。 其 他 应 用 的 场合 还 
用 户 登录 、 购 物 车 、 站 点 计数 器 等 。 这 两 个 对 象 用 来 保持 (保存 和 传递 ) 特 定 用 户 或 所 
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有 用 户 的 状态 信息 。 

(2) Session 对 象 和 Application 对 象 的 常用 事件 有 Session_OnStart、Session_OnEnd 和 
Application_OnStart、Application_OnEnd, 每 一 个 事件 过 程 都 有 特定 的 激活 时 机 ,它们 通 
常 放 在 应 用 程序 的 Global. asax 文件 中 使 用 ,可 用 来 设计 一 个 站 点 计数 器 。 


3.3.5 思考 与 练习 


1. 修改 程序 ,使 得 在 聊天 室 发 言 输入 窗口 选择 性 别 为 Boy 时 ,上 方 的 图 像 随 之 转换 
为 一 个 男孩 的 头像 。 

2. ASP.NET 的 Global. asax 文件 用 来 存放 Session 对 象 和 Application 对 象 的 事件 
过 程 。 参考. NET 4. 0 帮助 文档 ,使 用 Global. asax 文件 设计 实用 站 点 计数 器 。 注 意 
Global. asax 是 应 用 程序 级 的 文件 ,必须 放 在 应 用 程序 的 根 目录 下 。 

本 题 为 选 做 题 ( 用 "x* "标注 ) 。 

提示 : 与 简单 计数 器 比较 ,实用 计数 器 需要 统计 记录 访问 站 点 的 总 人 数 ,并 在 Web 
server 关闭 前 将 总 人 数 保存 在 一 个 文本 文件 中 。 
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任务 4.1 使 用 验证 控件 和 验证 码 控件 


任务 目标 


(1) 掌握 ASP.NET 验证 控件 的 作用 和 使 用 方法 。 
(2) 了 解 常用 第 三 方 控件 ,掌握 验证 码 控件 的 使 用 方法 。 


4.1.1 控件 概述 


ASP.NET 内 置 控件 有 两 大 类 : HTML 服务 器 控件 和 Web 服务 器 控件 。 

比如 过 input id 一 "Textl" type 王 "text" runat 一 "server"/ 二 就 表示 一 个 HTML 服务 
器 控件 。 它 与 HTML 控件 的 不 同 之 处 在 于 有 一 个 新 增 的 属性 runat 二 "server", 只 有 加 
了 runat 一 "server" 属 性 ,ASP.NET 才 会 处 理 它 。HTML 服务 器 控件 位 于 System. Web. 
UI. HtmlControls 命名 空间 中 ,是 由 HtmlControls 类 派生 的 。 

而 过 asp:Label ID 王 "Labell”runat 一 "server”Text 王 "Label" 之 一 /asp:Label 二 就 
表示 一 个 Web 服务 器 控件 。Web 服务 器 控件 提供 了 统一 的 事件 方法 和 编程 模式 ,所 以 
在 ASP.NET 的 Web 页 面 表单 设计 中 ,常用 的 是 Web 服务 器 控件 。Web 服务 器 控件 位 
于 System. Web. UI. WebControls 命名 空间 中 ,是 由 WebControls 类 派生 的 。 

第 三 方 控件 是 由 微软 之 外 的 公司 或 个 人 开发 的 控件 , 它 弥补 了 ASP.NET 内 置 控件 
的 缺陷 和 不 足 。 网 络 上 提供 了 很 多 优秀 的 、 免 费 的 第 三 方 控 件 , 比 如 FCKeditorCHTML 
在 线 文本 编辑 器 )\ My97DatePicker(JS 版 日 历 控件 )、AspNetPager( 分 页 控件 )、WebValidates 
(验证 码 控 件 ) 等 。 在 本 书后 续 章 节 中 ,还 有 大 量 应 用 第 三 方 控 件 的 实例 。 


4.1.2 验证 控件 与 用 户 注册 页 面 


ASP.NET 4.0 提供 了 以 下 5 种 验证 控件 和 1 个 汇总 控件 。 它 们 是 : RequiredField 
Validator( 非 空 验证 控件 ) .CompareValidator( 比 较 验 证 控件 )、RangeValidator( 范 围 验 证 
控件 )、RegularExpressionValidator( 正 则 验证 控件 )、CustomValidator( 用 户 自 定义 验证 
控件 )、ValidationSummary( 错 误 信 息 汇 总 控件 )。 

验证 控件 位 于 工具 箱 的 “验证 ”组 中 。 下 面 通过 一 个 用 户 注 册页 面 来 说 明 主 要 验证 
控件 的 使 用 。 

(1) 创建 ASP.NET 应 用 程序 。 

在 E:\0931 目录 下 双击 0931. sln 文件 ,运行 Visual Studio 2010。 在 “解决 方案 资源 
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管理 器 ”面板 中 , 右 击 “解决 方案 “0931””, 在 弹出 的 快捷 菜单 中 选择 “添加 ”>“ 新 建 网 站 ” 
命令 ,新 建 Chap4 站 点 。 


(2) 在 站 点 Default. aspx 页 面 上 先 添加 一 个 6 行 2 列 的 表格 ,并 添加 控件 (包括 验证 


控件 ) ,设计 用 户 注册 界面 。 
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Default. aspx 主要 代码 如 下 : 


<form id= "forml1" runat = "server"> 


<div> 
<table> 
<tr>< td> 用 户 名 </td> 
<td><asp:TextBox ID = "txtLoginName" runat = "server"></asp:TextBox> 
<asp:RequiredFieldValidator ID = "rfvLoginName" runat = "server" ErrorMessage = "请 输 
和 信用 户 名 " ControlToValidate = "txtLoginName"> x* </asp: RequiredFieldValidator > 
</td></tr> 
<tr>< td> 密 码 </td> 


<td>< asp:TextBox ID = "txtLoginPwd" runat = "server" TextMode = "Password"> 
</asp:TextBox> 
<asp:RequiredFieldValidator ID = "rfvLoginpwd" runat = "server” ErrorMessage = "请 
输入 密码 ” ControlToValidate = "txtLoginPwd"> * </asp: RequiredFieldValidator > 
</td></tr> 
<tr>< td> 确 认 密 码 </td> 
<td><asp:TextBox ID = "txtPwdAgain" runat = "server" TextMode = "Password"> 
</asp: TextBox > 
<asp:RequiredFieldValidator ID = "rfvPwdAgain" runat = "server" ErrorMessage = 
"请 输入 确认 密码 ” ControlToValidate = " txtPwdAgain" > * </asp: 
RequiredFieldValidator > 
< asp:CompareValidator ID = "cvPwdAgain" runat = "server" ErrorMessage = 
次 密码 不 一 致 ”ControlToValidate = "txtPwdAgain" ControlToCompare =" 
txtLoginPwd"> * </asp:CompareValidator ></td></tr> 
<tr><td> QQ0</td> 
<td><asp:TextBox ID = "txtQQ"” runat = "server"></asp:TextBox> 
< asp:RequiredFieldValidator ID = "rfvQQ" runat = " server”ErrorMessage = 
"请 输入 QQ" ControlToValidate = "txtQ0"> * </asp:RequiredFieldValidator> 
< asp: RegularExpressionValidator ID = "revQQ" runat = "server" ErrorMessage = 
"0oQ 格式 错误 ”ControlTbValidate = "txtQQ" ValidationExpression = "\dx "> 关 
</asp:RegularExpression 
Validator ></td></tr> 
<tr><td>E MAIL</td> 
<td><asp:TextBox ID = "txtEmail" runat = "server"></asp:TextBox> 
<asp:RequiredFieldValidator ID = "rfvEmail" runat = "server" ErrorMessage = "请 
输入 Email 地 址 " ControlTbValidate = "txtEmail"> * </asp:RequiredFieldValidator> 
< asp:RegularExpressionValidator ID = "revEmail" runat = "server" ErrorMessage = "E- 
MAIL 地 址 格式 错误 ”ControlTbValidate = "txtEmail" ValidationExpression = "\w+ 
([—-+. J\wt)* @\wt+t ([-.]\wt)*\.\wt ([-.]\w+)*">*</asp: 
RegularExpressionValidator ></td></tr> 
<tr><td>< asp:ValidationSummary ID = "vsRegister" runat = "server" ShowMessageBox = 
"true" ShowSummary = "false"/></td> 
<td> < asp: Button ID = "btnSubmit"” runat = "server” Text = "提交 " OnClick = 
"btnSubmit Click1l” /></td></tr> 
</table> 
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</div> 
</form> 

说 明 : 

GD RequiredFieldValidator 控件 对 用 户 名 输入 进行 必 填 验证 。ControlToValidate 属性 指 
定 被 验证 的 控件 是 "txtLoginName"。ErrorMessage 属性 显示 不 能 通过 验证 时 的 错误 信息 。 

@ CompareValidator 控件 用 来 比较 控件 的 值 。ControlToValidate 属性 指定 被 验证 
的 控件 是 "txtPwdAgain", 而 ControlToCompare 属性 指定 了 要 与 之 比较 的 控件 是 
"txtLoginPwd" 。 

@ RegularExpressionValidator 控件 用 来 验证 
输入 数据 格式 是 否 匹 配 某 种 特定 的 模式 (正则 表达 
式 )。 右 击 RegularExpressionValidator 控件 ,打开 
RegularExpressionValidator 控件 的 属性 窗口 , 单 击 
ValidationExpression 属性 右 侧 的 小 矩形 按钮 , 即 可 | EARL: 
弹出 “正则 表达 式 编辑 器 ”对 话 框 ,选择 要 使 用 的 正 Eve ET 


则 表达 式 就 可 以 了 ,如 图 4-1 所 示 。 Ce] 
@ ValidationSummary 控件 用 于 集中 显示 来 自 
i 本 
所 有 验证 控件 的 错误 信息 。 站 人 生生 入 人 全 和 吕 后 析 


4.1.3 ”使 用 验证 码 控 件 


本 书 使 用 的 是 WebValidates 验证 码 控件 (在 其 官方 网 站 免费 下 载 WebValidates. dll 
文件 即 可 )。 使 用 第 三 方 控件 的 一 般 步骤 如 下 。 

1. 下 载 . dll 文件 并 添加 到 工具 箱 

在 Visual Studio 2010 的 “解决 方案 资源 管理 器 ?面板 中 , 右 击 站 点 Chap4, 在 弹出 的 
快捷 菜单 中 选择 “添加 ASP.NET 文件 夹 "~Bin 命令 。 在 弹出 的 对 话 框 中 右 击 “Bin 文件 
夹 ”, 在 弹出 的 快捷 菜单 中 选择 “添加 引用 ”命令 ,在 弹出 的 “添加 引用 ”对 话 框 中 ,选择 “ 浏 
览 ” 选 项 卡 , 找 到 WebValidates. dll 文件 并 添加 到 Bin 文件 夹 下 。 

右 击 工具 箱 中 的 任 一 控件 组 ,比如 这 里 右 击 “ 验 证 组 ”, 在 弹出 的 快捷 菜单 中 选择 “ 选 
择 项 ”命令 ,弹出 “选择 工具 箱 项 ”对 话 框 ,选择 “.NET Framework 组 件 ” 选 项 卡 ,如 图 4-2 所 
示 。 单 击 “ 浏 览 ” 按 钮 ,在 弹出 的 对 话 框 中 选择 添加 Bin 文件 夹 下 WebValidates. dll 文件 。 

操作 完成 后 ,在 工具 箱 验 证 组 中 可 以 看 到 SerialNumber 控件 ,此 时 该 控件 就 可 以 像 
其 他 ASP.NET 控件 一 样 正常 使 用 了 。 

2. 向 页 面 拖 放 控件 并 注册 

在 Default. aspx 页 面 增加 一 行 表格 行 并 拖 入 SerialNumber 控件 。 可 以 看 到 Default. 
aspx 页 面 上 方 自动 增加 了 一 行 控件 注册 代码 。 


<%@ Register Assembly = "WebValidates" Namespace = "WebValidates" TagPrefix= "ccl" %> 


属性 Assembly、Namespace、TagPrefix 分 别 表示 注册 的 控件 名 、 命 名 空间 、 标 签 前 级 。 
Default. aspx 页 面 中 新 增 的 表格 行 以 及 验证 码 控件 代码 如 下 : 
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System.Web.UL 
System.WebJUI 
图 ScrollableControl System.Windows.Forms 
Selectiontist System.Web.ULMobileCon.. 
System.Workflow Activities 
Microsoft. SharePoint Wor- 
Microsoft. Office.Tools.Rib.. Microsoft Office.To.. 
Microsoft Office.Tools.Rib.. Microsoft Office.To.. 
System. Workflow.Activities & System.WorkflowA-_ 


图 4-2 “选择 工具 箱 项 ”对 话 框 


<tr> 
< td> 验 证 码 </td> 
<td><asp:TextBox ID = "txtCode" runat = "server"></asp:TextBox> 
<asp:RequiredFieldValidator ID = "rfvCode" runat = "server" ErrorMessage = "请 输入 
验证 码 " ControlToValidate = "txtCode"> * </asp:RequiredFieldValidator > 
< ccl:SerialNumber ID = "SnCode" runat = "server"></ccl:SerialNumber > 
<asp:LinkButton ID = "LinkButton1”runat = "server" OnClick = "LinkButtonl_Click1"> 看 不 
清 换 一 张 </asp:LinkButton ></td> 
</tr> 


3. 编写 代码 生成 验证 码 
在 Default. aspx. cs 文件 中 编写 如 下 代码 。 


public partial class _Default : System. Web. UI. Page 
上 
protected void Page Load(object sender, EventArgs e) 
{ 
if (!IsPostBack) 
{ 
SnCode. Create(); // 首 次 加 载 生 成 验证 码 


protected void btnSubmit Click(object sender, EventArgs e) 
. 
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if (Page. IsValid) 
{ 
if (!CheckCode()) 
{ 
Response. Write("< script > alert( ' 验 证 码 错 误 ! ')</script >"); 


protected void LinkButtonl1 Click(object sender, EventArgs e) 


{ 
SnCode. Create(); // 生 成 新 验证 码 


private bool CheckCode( ) 
{ 
证 (SnCode. CheckSN(txtCode. Text. Trim())) // 判 断 验证 码 输入 是 否 正确 
{ 
return true; 
} 
else 
{ 
SnCode. Create( ); ”// 假 如 验证 码 输入 不 正确 , 则 生成 新 验证 码 


return false; 


用 户 名 
密码 

确认 密码 |_ 
om 


E-mail 


用 验证 码 


图 4-3 用 户 注册 页 面 的 “验证 控件 和 验证 码 控件 ” 图 4-4 来 自 Web 页 的 出 错 消息 


4.1.4 小 结 


使 用 WebValidates 验证 码 控件 时 ,应 注意 SnCode. Create() .SnCode. CheckSN() 的 
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用 法 。SnCode 是 验证 码 控件 的 ID,Create() 和 CheckSN() 是 WebValidates 验证 码 控件 
(类 ) 中 自 带 的 方法 。 代 码 SnCode. CheckSN(txtCode. Text. Trim()) 表 示 检 查 比 较 用 户 
在 文本 框 中 输入 的 验证 码 , 它 返回 的 是 一 个 bool 类 型 的 值 。 


4.1.5 思考 与 练习 
为 用 户 登 录 页 面 添加 输入 数据 验证 功能 和 验证 码 功能 。 


任务 4.2 ”使 用 日 历 控件 和 JS 版 日 历 控件 


任务 目标 


(1) 了 解 ASP.NET 日 历 控件 。 
(2) 掌握 JS 版 日 历 控件 的 作用 和 使 用 方法 。 


4.2.1 Calendar 日 历 控 件 


使 用 日 历 控件 可 以 省 去 手工 输入 日 期 的 麻烦 。 在 ASP.NET 服务 器 控件 中 ,有 一 个 
Calendar 控件 , 它 使 用 简便 。 

在 站 点 Chap4 下 创建 一 个 Calendar. aspx 页 面 ,并 在 页 面 上 拖 放 1 个 用 来 输入 日 期 
的 TextBoxl 控件 、1 个 Calendarl 日 历 控件 。 在 页 面 运行 时 , 当 用 户 在 Calendarl 控件 
上 选择 日 期 后 会 触发 SelectionChanged 事件 。 在 Calendar. aspx. cs 文件 中 编写 如 下 
SelectionChanged 事件 代码 可 将 用 户 选择 的 日 期 赋值 给 TextBoxl 控件 。 

protected void Calendar1_SelectionChanged(object sender, EventArgs e) 


{ 
TextBox1. Text = Calendar1. SelectedDate.ToString (); 


Calendar. aspx 运行 效果 如 图 4-5 所 示 。 


4.2.2 JS 版 日 历 控件 


My97DatePicker JavaScript(JS) 版 日 历 控件 
是 一 款 功能 强大 的 第 三 方 控件 。JS 版 日 历 控 
件 可 以 从 它 的 官方 网 站 http://www. my97. net 
免费 下 载 。 须 将 下 载 的 整个 My97DatePicker 
文件 夹 放 到 Web 站 点 根 目录 下 才 可 使 用 ,如 
图 4-6 所 示 。 

在 站 点 Chap4 下 创建 JSCalendar. aspx 图 4-5 “Calendar 控件 ”运行 效果 
页 面 文件 ,在 页 面 中 添加 一 个 TextBox 控件 
用 来 输入 日 期 。 在 JSCalendar. aspx 中 编写 如 下 代码 。 


€ > © © localhost5190/chap4/Calendar, 安 | 久 


铂 和 期 ， Gaa600000 


< htm]l xmlns = "http://www. w3.org/1999/xhtml"> 
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< head runat = "server"><title>JS 日 历 控 件 </title></head> 
<body> 
<script language = " javascript" type = " text/javascript" src = " MY97DatePicker/ 
WdatePicker. js"></script > 
<form id = "forml" runat = " server"> 
< div> 输 入 日 期 : 
<asp:TextBox ID = "TextBox1" runat = "server" CssClass = "Wdate" Text=" " 
onFocus = "new WdatePicker(this, '%Y-%M-%D %h:%m',true, 'default')"> 
</asp: TextBox > 
</div> 
</form> 
</body> 
</html > 


这 里 的 onFocus 事件 表示 当 光 标 移动 到 TextBoxl 控件 上 时 ,就 会 激活 、 显 示 JS 版 
日 历 控件 。 
运行 JSCalendar. aspx, 页 面 运行 效果 如 图 4-7 所 示 。 


- 将 App_Licenses.dll 
习 FredCK.FCKeditorV2.dIl 
3 FreeTextBox.dll OE 
9 WebValidates.dll 
由 久 fckeditor 
EF My97DatePicker 
| 由 和 岛 lang 
| 由 a skin 
| f 加 使 用 说明 ( 必 阅 


国 calendarjs 
国 configjs 


| 国 My97DatePicker.htm 

| 一 国 Wdatepickerjs 

日 BS Uploadimage 

| 上 Bmovejpg [a | 
| 一 国 movieljpg = —— 


图 4-6 站 点 Chap4 目录 结构 4-7 “JS 日 历 控件 运行 效果 


4.2.3 小 结 


较 之 Calendar 控件 ,JS 版 日 历 控件 设计 美观 、 功 能 强大 , 且 在 用 户 选择 日 期 时 不 会 造 
成 页 面 频繁 回 传 (刷新 ) 。 


4.2.4 思考 与 练习 
为 用 户 注 册页 面 添 加 “出 生日 期 "一 栏 , 并 使 用 JS 日 历 控件 帮助 用 户 输入 日 期 。 
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任务 4.3 使 用 在 线 文本 编辑 控件 


任务 目标 
了 解 在 线 文本 编辑 环境 FCKeditor 的 使 用 方法 。 
4.3.1 下 载 安装 FCKeditor 控件 


FCKeditor 是 当前 网 络 上 最 流行 的 HTML 在 线 文 本 编辑 器 ,其 功能 齐全 ,支持 多 种 
开发 语言 ,支持 多 种 浏览 器 ,是 一 个 具有 开放 接口 的 国外 开源 项 目 。 本 书 在 后 续 的 新 闻 网 
站 和 博客 日 志 网 站 开发 中 ,在 输入 编辑 新 闻 内 容 和 日 志文 章 时 ,将 用 它 对 文本 格式 进行 
设置 、 上 传 新 闻 图 片 。 

FCKeditor 可 在 它 的 官方 网 站 http://www. fckeditor. net 免费 下 载 。 

(1) 下 载 FCKeditor_2. 6. 4. 1. zip 和 FCKeditor. Net_2. 6. 3. zip 压缩 包 。 

(2) 将 FCKeditor_2. 6.4.1.zip 解 压 , 可 以 得 到 一 个 以 fckeditor 命名 的 文件 夹 ,把 它 
放 到 Web 层 ( 站 点 ) 的 根 目录 下 ,如 图 4-6 所 示 。 

(3) 将 FCKeditor. Net_2. 6. 3. zip 解压 ,在 其 BIN/debug/2.0 中 寻找 dl 文件 ,将 FredCK. 
FCKeditorV2. dll 文件 添加 到 工具 箱 。 

在 Visual Studio 2010 的 “解决 方案 资源 管理 器 "面板 中 , 右 击 站 点 Chap4, 在 弹出 的 
快捷 菜单 中 选择 “添加 ASP.NET 文件 夹 ”>Bin 命令 。 布 击 “Bin 文件 夹 ”, 在 弹出 的 快捷 
菜单 中 选择 “添加 引用 ”命令 ,弹出 “添加 引用 ”对 话 框 ,选择 “浏览 ”选项 卡 ,找到 FredCK. 
FCKeditorV2. dll 文件 并 添加 到 Bin 文件 夹 中 。 

右 击 工具 箱 中 的 任 一 控件 组 ,比如 这 里 右 击 “ 验 证 组 ”, 在 弹出 的 快捷 菜单 中 选择 “ 选 
择 项 ”命令 ,弹出 “选择 工具 箱 项 ”对 话 框 ,选择 .NET Framework 组 件 ” 选 项 卡 , 单 击 “ 浏 
览 ” 按 钮 ,在 弹出 的 对 话 框 中 选择 添加 Bin 文件 夹 下 的 FredCK. FCKeditorV2. dll 文件 。 

操作 完成 后 ,在 工具 箱 验证 组 中 可 以 看 到 FCKeditor 控件 ,就 可 以 像 其 他 ASP.NET 
控件 一 样 使 用 了 。 

(4) 配置 FCKeditor。 

修改 fckeditor\editor\filemanager\connectors\aspx 文件 夹 下 的 config. ascx 文件 ， 
将 方法 CheckAuthentication() 中 的 “return false” 改 为 “return true”。 

修改 fckeditor 文件 夹 下 fckconfig. js 文件 代码 如 下 : 


Var _FileBrowserLanguage = 'aspx'; 
Var QuickUploadLanguage = ‘aspx'; 


(5) 修改 Web. config 站 点 配置 文件 代码 如 下 : 


< configuration > 
< appSettings > 
<add key = "FCKeditor:BasePath" value = "一 /fckeditor/"” /> 
<add key = "FCKeditor:UserFilesPath”value= "一 /UploadImage/”/> 
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</appSettings> 

< connectionStrings/> 

其 中 ,第 一 个 应 用 程序 设置 名 称 BasePath 与 值 “ 一 /FCKeditor/” 指 明了 FCKeditor 
文件 夹 的 路 径 ; 第 二 个 应 用 程序 设置 名 称 UserFilesPath 与 值 “ 一 /UploadImage/” 则 自 定 
义 了 上 传 图 像 的 文件 夹 名 称 。 

也 可 以 在 Visual Studio 2010 菜单 栏 中 选择 “网 站 ”>“ASP.NET 配置 ”命令 ,在 弹出 
的 “ASP.NET 网 站 管理 工具 ”对 话 框 中 选择 “应 用 程序 配置 ”, 在 随后 打开 的 “应 用 程序 ” 
页 面 中 单 击 “创建 应 用 程序 设置 ”, 在 “应 用 程序 设置 "下 方 的 文本 框 中 输入 相应 的 名 称 与 
值 , 单 击 * 保 存 按 钮 确认 即 可 。 

Web. config 站 点 配置 文件 的 详细 说 明 参 见 任务 9. 1 和 任务 9. 2 。 


4.3.2 在 发 表 文章 页 面 使 用 FCKeditor 控件 


下 面 以 一 个 发 表 日 志文 章 的 页 面 为 例 说 明 FCKeditor 控件 的 使 用 方法 。 

在 站 点 下 创建 IssueArticleFCKeditor. aspx 页 面 文件 ,在 页 面 上 拖 放 添 加 2 个 Label 
控件 、1 个 TextBox 控件 1 个 FCKeditor 控件 。IssueArticleFCKeditor. aspx 页 面 主要 代 
码 如 下 : 


<% @ Page Language = "C#" AutogventWireup = "true" Codebehind = "IssueArticleFckeditor. 
aspx.cs" 

Inherits=" IssueArticleFckeditor" ValidateRequest = "false" %> 
<%@ Register Assembly = " FredCK. FCKeditorV2" Namespace = " FredCK. FCKeditorV2" TagPrefix = 
"FCKeditorV2" 名 > 
< html xmlns = "http://www. w3.org/1999/xhtml"> 
< head runat = "server"> 

<title> 发 表 日 志文 章 </title> 


</head> 
<body> 
< form id = "forml" runat = "server"> 
<div> 
<asp:Label ID = "Label1" runat = "server" Text = "日 志 标题 "></asp:Label> 
< asp:TextBox ID = "txt_title" runat = "server"></asp:TextBox><br /> 
<asp:Label ID = "Label2" runat = "server" Text = "日 志 正 文 "></asp:Label>< br /> 
<FCKeditorV2: FCKeditor ID = "FCKeditor1" runat = "server" BasePath= "~/Fckeditor/" 
Height = "280px"></FCKeditorV2 :FCKeditor > 
<asp:Button ID = "Button1”runat = "server”Text = "发 表 文 章 " OnClick = "Buttonl_ 
Click" /> 
</div> 
</form> 
</body> 
</html > 


运行 IssueArticleFCKeditor. aspx 发 表 日 志 页 面 文件 ,运行 效果 如 图 4-8 所 示 。 
4.3.3 ”使 用 FCKeditor 控件 上 传 图 片 


继续 运行 IssueArticleFCKeditor. aspx, 如 图 4-8 所 示 。 单 击 FCKeditor 文本 编辑 器 
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中 的 “插入 /编辑 图 像 ” 按 钮 ,打开 “图 像 属性 ”对 话 框 ,选择 “图 像 ”选项 卡 。 单 击 “ 浏 览 服务 

器 ”按钮 ,弹出 如 图 4-9 所 示 的 对 话 框 , 单 击 “ 选 择 文件 ”按钮 ,选择 要 上 传 的 图 像 文 件 , 最 
后 单 击 Upload 按钮 ,系统 将 在 站 点 根 目 录 下 自行 创建 UploadImage 文件 夹 并 将 上 传 的 
图 像 文 件 保存 在 Image 文件 夹 下 。 


FckEditor 文 本 蝙 寺 下 x 
| € 3 © |® localhost:s190/chap4/FCKeditor.aspx 


日 志 标题 [EREISEJ 

日 志 正文 

i 辐 激 ft 有 局 | 加 口 忆 | 国 i 昌 民 全 本 | 名 yin ~ | 的 入 | 图 少 
i 同 Fe 抽 区 国志 加 多 

IBIUuUw|lx x 1 | 笃 认 和 1 于 本 当时 1] 风 名 十 
es 

了 | 格式 | 各 阴 [| "大 小 
人 TD 回 

《台风 的 记忆 


天 气 很 站 热 的 时 候 扣 风 到 来 的 时 候 ， 窗 外 昏 天 黑 地 拔 树 例 层 ， 三 层 楼 在 手 风 一 阵 紧 一 
1 疾 拉 择 时 ， | 从 洋 丽 和 儿孙 中 酒 下 来， st 
猴 着 塑料 十 布 ， 林地 株 上 搜 敬 了 接 水 的 名 多 挫 洪 ， 我 里 车 被 子 租 在 帐 子 里 看 书 ， 伸 出 手 去 就 可 以 新 断 丝 丝 的 用 
市 ， 觉得 很 好 玩 。 各 风 到 来 的 夜 聊 ， 父 亲 照 例 是 不 轿 的 ， 档 下 二 档 办 公 室 的 灯光 彻夜 不 息 ， 那 是 父亲 在 与 人 对 


环 ， 小时候 的 我 ， 商 澳 得 这 样 的 风雨 认 最 昌 闭 ， 我 就 在 由 F836I 声 、 落 子 的 季 噶 声 中 一 污 泊 拓 二 。 较 


图 4-8 在 发 表 日 志 页 面 使 用 FCKEditor 控件 


Upload a new fle in this foider 
[国庆 袜 乓 uploadpicipg 


图 4-9 选择 要 上 传 的 Image 文 件 

4.3.4 小 结 

在 本 任务 中 介绍 了 FCKeditor 控件 的 基本 功能 的 使 用 。 如 需 对 FCKeditor 进行 进 一 
步 应 用 和 讨论 ,可 借助 网 络 和 搜索 引擎 。 

ASP.NET 内 管控 件 中 有 FileUpload 上 传 控 件 ,可 以 上 传 各 种 类 型 的 文件 至 服务 器 ， 
它 的 使 用 简单 ,读者 可 以 自行 上 网 查询 .讨论 与 尝试 。 
4.3.5 思考 与 练习 

在 1.2.7 小节 思 考 与 练习 中 的 在 线 留言 程序 中 ,为 “留言 内 容 ” 的 输入 加 上 在 线 文本 
编辑 环境 。 
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任务 5.1 实现 数据 库 及 表 的 架构 和 
实体 类 


任务 目标 


(1) 了 解 三 层 结构 设计 模式 。 
(2) 会 搭建 基于 三 层 结构 的 系统 基本 框架 。 
(3) 会 利用 数据 库 信息 实现 实体 类 。 


5.1.1 三 层 结构 概述 


在 软件 体系 架构 设计 中 ,分 层 式 结构 是 最 常见 ,也 是 最 重要 的 一 种 结构 。 所 谓 “ 分 
层 ”, 就 是 将 应 用 程序 按照 不 同 的 部 分 划分 成 不 同 的 模块 加 以 实现 ,其 中 每 一 层 实现 应 用 
程序 一 个 方面 的 迎 辑 功能 。 采 用 分 层 的 开发 模式 ,可 以 对 程序 员 进 行 合理 的 分 工 ,提高 开 
发 效率 ,并 且 编 写 的 应 用 程序 也 具有 良好 的 健壮 性 、 可 扩展 性 和 便于 维护 等 优点 。 微 软 推 
荐 的 分 层 式 结构 一 般 分 为 三 层 ,从 下 至 上 分 别 为 : 数据 访问 层 、 业 务 好 辑 层 和 表示 层 。 

数据 访问 层 负责 对 数据 库 的 访问 ,实现 对 数据 表 的 增 、 删 改 、 查 操作 。 

业务 逻辑 层 负 责 业务 处 理 和 数据 传递 , 它 包含 了 与 核心 业务 相关 的 多 辑 ,实现 业务 规 
则 和 业务 旭 辑 。 业 务 迎 辑 层 处 于 数据 访问 层 与 表示 层 中 间 ,起 到 了 数据 交换 中 承上启下 
的 作用 。 对 于 数据 访问 层 而 言 , 它 是 调用 者 ; 对 于 表示 层 而 言 , 它 却 是 被 调用 者 。 

表示 层 负 责 内 容 的 展现 和 与 用 户 的 交互 。 它 位 于 最 外 层 ( 最 上 层 ), 离 用 户 最 近 , 给 予 
用 户 直接 的 体验 。 通 俗 地 讲 就 是 展现 给 用 户 的 界面 。 该 层 主要 完成 两 个 任务 : 从 业务 
逻辑 层 获 取 数 据 并 显示 ; @ 与 用 户 进 行 交互 ,将 相关 


数据 送 回 业务 逻辑 层 进行 处 理 。 [ ”表示 层 | 

区 分 层次 的 目的 即 为 了 体现 “高 内 聚 , 低 耦 合 ” 的 ] a 
思想 。 分 层 的 时 候 如 果 没 有 一 个 适当 的 数据 容器 来 贯 业务 逻辑 层 站 
穿 各 层 , 将 导致 看 合 性 过 高 ,所 以 用 模型 层 作为 在 层 与 | 
层 之 间 数 据 传递 的 载体 。 模 型 层 是 标准 和 规范 , 它 包 数据 访问 层 


含 了 与 数据 库 表 相 对 应 的 实体 类 。 图 5-1 所 示 为 各 层 


之 间 的 关系 。 MS-SQL.DB ) …《〈 Oracle.DB 
层 是 一 种 弱 耦 合 结构 ,三 层 之 间 的 依赖 是 向 下 的 ， ee Se 


上 层 可 以 使 用 下 层 的 功能 ,而 下 层 不 能 够 使 用 上 层 的 图 5-1 三 层 的 分 层 式 结构 
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功能 ,改变 上 层 的 设计 对 于 其 调用 的 下 层 而 言 没有 任何 影响 。 如 单独 修改 表示 层 , 即 对 于 
站 点 外 观 的 修改 不 会 影响 到 下 面 的 业务 逻辑 层 和 数据 访问 层 。 分 层 设计 具有 提高 应 用 程 
序 内 聚 程度 .降低 应 用 程序 耦合 程度 便于 应 用 程序 的 维护 和 重用 等 优点 。 


5.1.2 搭建 基于 三 层 结构 的 系统 基本 框架 


在 简单 了 解 了 三 层 结构 的 概念 之 后 ,下 面 以 开发 一 个 新 闻 发 布 系统 为 例 ,介绍 如 何 拱 
建 基于 三 层 结构 的 系统 基本 框架 。 根 据 三 层 结构 设计 模式 ,将 整个 业务 应 用 划分 为 模型 
层 、 数 据 访问 层 、 表 示 层 和 业务 逻辑 层 , 这 样 有 利于 系统 的 开发 维护、 部署 和 扩展 。 

系统 基本 框架 搭建 步骤 如 下 : 

(1) 运行 Visual Studio 2010。 选 择 菜 单 栏 “ 文 件 ” 一 “新 建 项 目 ” 命 令 , 弹 出 “新 建 项 
目 ” 对 话 框 ,在 左 侧 “ 已 安装 模板 ” 树 形 目录 下 选择 “其 他 项 目 类 型 "的 “Visual Studio 解决 
方案 ”, 在 中 间 窗 口 选择 “空白 解决 方案 ”选项 ,新 建 一 个 名 为 News 的 空白 解决 方案 。 

(2) 右 击 该 解决 方案 名 ,在 弹出 的 快捷 菜单 中 选择 “添加 ”一 “新 建 项 目 ” 命 令 , 弹 出 
如 图 5-2 所 示 的 “添加 新 项 目 ” 对 话 框 ,在 左 侧 “已 安装 模板 ” 树 形 目录 下 选择 Visual C#， 
在 右 侧 “ 模 板 ” 列 表 选 择 “ 类 库 ” 选 项 ,新 建 一 个 名 为 NewsModels 的 类 库 ,该 类 库 作为 系统 


JNET Framework 4 。 。 | 撞 序 依 闯 由 认 什 = (a ease 


[天 wdow grape Visual ce A Weisipe 
用 于 创建 C# 兴 库 (dl 的 项目 


Visual Basic 


Visual ce 加 wanar Visual cs 


Visual C++ 


ViaalFe 国 科 制 各 应 用 程序 Visual ce 
其 他 项 目 类 型 


数据 库 坊 ASPJNET Web 应 用 程序 Visual Ce 
建 模 项 目 一 
| 关 库 Visual cs 


ASPJNET MVC 2 Web 应 用 加 序 Visual ce 


Silverlight 应 用 程序 VisualC# 
Siveright wm Visual ce 
加 verssaner Visual cs 
路 ASPINET Dynamic Data 实体 Web 应 用 得 序 Visual ce 


© 局 用 Windows Azure Tools Visual C# 


名 称 (N: NewsModels 
位 置 (): DANews 


图 5-2 ”新 建 模型 层 NewsModels 界面 


(3) 新 建 名 为 NewsDAL 的 类 库 作 为 系统 的 数据 访问 层 。 操 作 方法 同步 骤 (2) 。 
(4) 新 建 名 为 NewsBLL 的 类 库 作为 系统 的 业务 逻辑 层 。 操 作 方 法 同步 骤 (2) 。 
(5) 新 建 名 为 Web 的 类 库 作 为 系统 的 表示 层 。 注 意 此 时 在 “添加 新 项 目 ” 对 话 框 的 
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中 间 窗 口 的 “模板 ?列表 中 应 该 选择 “ASP.NET Web 应 用 程序 ”选项 ,如 图 5-3 所 示 。 最 
终生 成 的 解决 方案 树 形 目录 如 图 5-4 所 示 。 


NET Framework 4 。 ] 排 和 仿生 | 中 | ar ===eas 


| se Visual cr 
用 于 创建 具有 Web 用 户 界面 的 应 用 程序 
的 项 目 


状 wriow skamez Visual cs 


而 wrapBz Visual ce 

Visual Fx 和 控制 台 应 用 程序 Visual ce 

其 他 项 目 类型 - 吕 

数据 库 仿 ASP.NET Web 应 用 程序 Visual C# 

建 模 项 目 一 

AE 国 半 Visual Cs 
熏 ASP.NET MVC 2 Web 应 用 程序 Visual C# 
问 Siverlight 应 用 程序 Visual ce 
岗 Siverlight 类 库 Visual ce 
区 cssaner Visual cs 
4 ASPJNET Dynamic Data 实体 Web 应 用 程序 Visual C# 


人 WT sssorxooe Jual ce 


图 5-3 新 建 表示 层 Web 界面 


基于 三 层 结构 的 系统 基本 框架 已 经 初步 搭建 成 功 。 但 是 每 一 层 都 是 各 自 独 立 的 , 它 
们 之 间 没 有 任何 联系 ,因此 需要 给 各 层 之 间 建 立 依赖 关系 。 各 层 之 间 相 互 依赖 是 它们 良 
好 协作 的 关键 。 

(1) 实现 表示 层 对 业务 逻辑 层 的 依赖 。 在 “解决 方案 资源 管理 器 ”面板 中 , 单 击 表示 
层 (Web) 前 的 “十 ”号 展开 树 形 目录 , 右 击 “引用 ”选项 ,在 弹出 的 快捷 菜单 中 选择 “添加 引 
用 ”命令 ,如 图 5-5 所 示 。 在 弹出 的 “添加 引用 ”对 话 框 中 选择 “项 目 " 选 项 卡 ,选中 项 目 名 
称 NewsBLL, 单 击 “ 确 定 ” 按 钮 ,如 图 5-6 所 示 。 此 时 ,在 表示 层 的 引用 目录 下 就 会 出 现 业 
务 逻 辑 层 的 项 目 名称 , 如 图 5-7 所 示 。 


岛 | 印 | 因 | 咏 | 镶 
加 逢 3 坟 安 News (4 个 项 辐 全 web 
由 - 鸭 Properties 


由 - 国 NewsBLL 和 

由 - 国 NewsDAL Sl 一 
由 辆 NewsModels 昌国 Def ina | 
> Bt Bw 


图 5-4 解决 方案 树 形 目 录 图 5-5 选择 “添加 引用 ”命令 


(2) 实现 业务 逻辑 层 对 数据 访问 层 的 依赖 。 即 在 业务 逻辑 层 (NewsBLL) 引 用 数据 
访问 层 (NewsDAL) 。 操 作 方 法 同步 又 (1) 。 
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| 上 中 System.Configuration 

| -System.Data 

| -局 System.Drawing 

| - 局 System.EnterpriseServices 
| .SystemWeb 


图 5-6 “添加 引用 ”对 话 框 图 5-7 实现 引用 


(3) 实现 数据 访问 层 ,业务 好 辑 层 和 表示 层 三 层 对 模型 层 的 依赖 。 由 于 数据 访问 层 
(NewsDAL) .业务 逻辑 层 (NewsBLL)、 表 示 层 (Web) 三 层 之 间 数 据 传 递 的 类 型 是 基于 模 
型 层 的 实体 类 ,所 以 这 三 层 都 需 添 加 对 模型 层 (NewsModels) 的 引用 。 操 作 步 又 类 似 ,在 
此 不 做 详细 讲解 。 

至 此 ,基于 三 层 结 构 的 系统 基本 框架 才 算 真正 搭建 完成 。 


5.1.3 分 析 并 创建 新 闻 系 统 数据 库 及 表 的 架构 


1. 新 闻 系 统 功 能 分 析 

一 个 完整 的 新 闻 发 布 系统 分 前 台 和 后 台 两 个 部 分 : 前 台 主 要 用 于 展示 新 闻 、 用 户 留 
言 ; 后 台 则 用 于 管理 新 闻 用户、 留言 等 。 

(1) 前 台 功 能 

首页 模块 : 导航 菜单 .站 点 地 图 导航 、 最 新 新 闻 列表 、 最 新 留言 列表 

新 闻 速 览 模 块 : 新 闻 分 类 列表 、 新 闻 列 表 浏览 新闻 详细 浏览 

新 闻 搜索 模块 

用 户 注 册 模 块 

用 户 登 录 模块 

留言 板 模块 

(2) 后 台 功 能 

用 户 管理 模块 

新 闻 类 别管 理 模块 

新 闻 文 章 管理 模块 

留言 管理 模块 

权限 控制 模块 

2. 数据 库 设计 

根据 以 上 系统 功能 分 析 ,进行 数据 库 设 计 , 制 定 用 户 表 、 新 闻 表 、 新 闻 类 别 表 、 留 言 表 
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共 4 张 表 , 每 张 表 的 结构 信息 如 表 5-1 一 表 5-4 所 示 。 
表 5-1 用 户 表 (Users) 


字段 名 称 类 型 说 明 

Id int 用 户 ID ,主键 ,自动 加 1 

LoginName nvarchar(50) 用 户 登 录 名 称 

LoginPwd nvarchar(50) 用 户 登录 密码 

RealName nvarchar(50) 用 户 真实 姓名 

Address nvarchar(100) 用 户 联系 地 址 

Phone nvarchar(50) 用 户 联系 电话 

Email nvarchar(50) 用 户 E-mail 地 址 

Role nvarchar(1) 用 户 角色 名 称 ,1 为 注册 会 员 ,2 为 管理 员 


表 5-2 新 闻 表 (News) 


字段 名 称 类 型 说 明 
Id int 新 闻 ID, 主 键 ,自动 加 1 
Title nvarchar(200) 新 闻 标题 
Author nvarchar( 50) 新 闻 作 者 
PubDate datetime 新 闻 上 传 日 期 
Contents ntext 新 闻 内 容 
Clicks int 新 闻 浏览 次 数 
NewsCategoryId int 新 闻 类 别 ID, 外 键 ,关联 到 NewsCategories 表 中 的 ID 


表 5-3 新 闻 类 别 表 (NewsCategories) 


字段 名 称 类 型 说 明 
Id int 新 闻 类 别 ID ,主键 ,自动 加 1 
Name nvarchar(50) 新 闻 类 别名 称 


表 5-4 留言 表 (Comments) 


字段 名 称 类 型 说 明 
Id int 留言 ID ,主键 ,自动 加 1 
Title nvarchar(200) 留言 标题 
PubDate datetime 留言 上 传 日 期 
Contents ntext 留言 内 容 
UserId int 留言 用 户 ID, 外 键 ,关联 到 Users 表 中 的 ID 


各 表 之 间 的 关系 如 图 5-8 所 示 。 

数据 库 及 表 的 创建 步 又 如 下 : 

(1) 运行 Visual Studio 2010。 在 “解决 方案 资源 管理 器 ”面板 中 , 右 击 项 目 名 Web, 在 
弹出 的 快捷 菜单 中 选择 “添加 ”一 “新 建 项 ”命令 ,在 弹出 的 “添加 新 项 -Web” 对 话 框 左 侧 树 形 
目录 窗口 中 选择 “数据 ”, 在 中 间 窗 口 选择 “SQL 数据 库 ” 模 板 , 更 改名 称 为 NewsDB. mdf， 
如 图 5-9 所 示 。 
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NewsCategories News 
1d a1d 
Name Title 
Author 
PubDate 
Contents 
Clicks 
Users NewsCategoryld 
@ld 
LoginName 
Loginpwd Comments 
RealName 1d 
Address Title 
Phone pubDate 
Email Contents 
Role Userld 


4 Visual ce 
Web 


Windows Forms 


Wp 
党 规 
代码 
Reopend 
Siveright 
Workflow 


(2) 单 击 “ 添 加 ”按钮 ,弹出 如 图 5-10 所 示 的 对 话 框 。 单 击 “ 是 ”按钮 ,将 数据 库 NewsDB. 


NewsDB.mdf 


图 5-8 数据 库 各 表 之 间 的 关系 


rr 


(a 下 到 单元 间 汪 


天 xponer some 


国 evsas 


WW so sorer nas 


出 内 各 
国 ma 


er 
By ss 


图 5-9 新 建 NewsDB. mdf 数据 库 


mdf 保存 到 App_Data 文件 夹 中 。 


(3) 在 “解决 方案 资源 管理 器 ”面板 中 ,双击 数据 库 名 NewsDB. mdf, 弹 出 “服务 器 资 


源 管理 器 ”窗口 ,如 图 5-11 所 示 。 
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(4) 右 击 “ 表 ”目录 ,在 弹出 的 快捷 菜单 中 选择 “添加 新 表 ” 命 令 ,创建 如 表 5-1 一 表 5-4 
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(mdfj 丈 加 到 ASPJNET 网 站 。 通 第 , 要 在 
网 站 中 使 用 此 类 型 的 项 , 应 格 其 放 在 “App_Data” 文 件 夹 中 。 是否 格 


该 文件 放 在 “ApP_Data” 文 件 去 中 ? 


(sp) Cm) ea) 


图 5-10 将 数据 库 放 入 App_Data 文件 夹 中 


所 示 的 4 张 表 结构 。 


(5) 右 击 表 名 Users, 在 弹出 的 快捷 菜单 中 选择 “显示 表 数 据 " 命 令 , 如 图 5-12 所 示 。 
在 Users 表 中 输入 几 条 用 户 记 录 。 其 他 各 表 的 数据 输入 操作 类 似 ,在 此 不 再 一 一 讲解 。 


国 因 | 包 钼 
EE = 
日 - @ NewsDB.mdf 
由 - 加 数据 库 关系 图 


国 
外 去 jn 新 雪 ( 
加 如 新建 去 9(Q) 


四 加 四 加 日 


Ee RS 
出 国 4 各 属性 (R) 
由 -加 各 所 于 | 


图 5-11 服务 器 资源 管理 器 
5.1.4 三 层 结 构 系统 实体 类 的 实现 


实体 类 就 是 描述 一 个 业务 实体 的 “类 ”。 整 个 
应 用 系统 业务 所 涉及 的 对 象 ( 例 如 新 闻 系 统 中 的 新 
闻 、 用 户 等 ) 都 可 看 成 是 业务 实体 ,从 数据 存储 的 角 
度 来 看 ,业务 实体 就 是 存储 应 用 系统 信息 的 数据 
表 。 如 果 将 每 一 个 数据 表 中 的 字段 定义 成 属性 ,并 
将 这 些 属 性 用 一 个 类 封装 一 一 这 个 类 就 称 为 “实体 
类 ”, 如 图 5-13 所 示 。 实 体 类 都 统一 放 在 模型 
层 中 。 

实体 类 的 编写 比较 简单 ,通常 是 根据 数据 库 的 
字段 编写 对 应 的 变量 和 属性 ,再 加 一 个 构造 函数 即 
可 。 下 面 以 User 类、News 类 和 NewsCategory 类 


国 因 | 久 龟 
田 ” 看 服务 高 
日 国 Ws 流 这 
3- BB NewsDB.mdf 
田 - 加 数据 库 关系 图 
日 - 向 训 
由 - 国 Comments 
由 - 国 News 
由 - 回 NewsCategories 


由 - 风 zbh- 
由 区 zbh-pcvs Xx MD) bal 


加 NewsCategory 
加 NewsCategoryid 
加 PubDate 
加 Title 

日 方法 


光 News 


5-13 User 类 与 News 类 图 
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为 例 说 明 实体 类 的 创建 步骤 。 


在 NewsModels 项 目 中 分 别 新 建 类 文件 User. cs、News. cs 和 NewsCategory. cs， 


个 类 文件 的 实现 代码 如 下 。 
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User. cs 的 实现 代码 如 下 : 


using System; 
using System. Collections. Generic; 
using System. Text; 
namespace NewsModels 
* 
[Serializable()] 
public class User 
{ 
private int id; 
private string loginName = String. Empty; 
private string loginPwd = String. Empty; 
private string realName = String. Empty; 
private string address = String. Empty; 
private string phone = String.Empty; 
private string email = String. Empty; 
private string role = String. Empty; 
public User() { } 
public int Id 
get { return this. id; } 
set { this.id = value; } 
public string LoginName 
{ 
get { return this. loginName; } 
set { this. loginName = value; } 


} 
public string LoginPwd 
{ 
get { return this. loginPwd; } 
set { this. loginpwd = value; } 
} 


public string RealName 
{ 
get { return this. realName; } 
set { this. realName = value; } 
} 
public string Address 
{ 
get { return this.address; } 
set { this.address = value; } 
} 
public string Phone 
{ 
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get { return this.phone; } 
set { this.phone = value; } 
} 
public string Email 
{ 
get { return this. email; } 
set { this.email = value; } 
} 
public string Role 
{ 
get { return this. role; } 
set { this.role = value; } 


} 
News. cs 的 实现 代码 如 下 : 


using System; 
using System. Collections. Generic; 
using System. Text; 
namespace NewsModels 
{ 
[Serializable()] 
public class News 
{ 
private int id; 
private string title = String. Empty; 
private string author = String. Empty; 
private DateTime pubDate; 
private string contents = String. Empty; 
private int clicks; 
private int newsCategoryId; 
private NewsCategory newsCategory; 
public News() { } 
public int Id 
{ 
get { return this. id; } 
set { this. id = value; } 
} 
public string Title 
{ 
get { return this. title; } 
set { this.title = value; } 
} 
public string Author 
{ 
get { return this.author; } 
set { this.author = value; } 
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public DateTime PubDate 
{ 
get { return this. pubDate; } 
set { this. pubDate = value; } 
} 
public string Contents 
{ 
get { return this. contents; } 
set { this.contents = value; } 
} 
public int Clicks 
{ 
get { return this. clicks; } 
set { this.clicks = value; } 
} 
public int NewsCategoryId 
{ 
get { return this. newsCategoryId; } 
set { this.newsCategoryId = value; } 
} 
public NewsCategory NewsCategory 
{ 
get { return this. newsCategory; } 
set { this.newsCategory = value; } 


} 
NewsCategory. cs 的 实现 代码 如 下 : 
NewsCategory. cs 


using System; 
using System. Collections. Generic; 
using SYstem. Text; 


namespace NewsModels 
{ 
[Serializable()] 
public class NewsCategory 
{ 
private int id; 
private string name = String. Empty; 


public NewsCategory() { 上 


public int Id 

{ 
get { return this. id; } 
set { this. id = value; } 


public string Name 
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get { return this.name; } 
set { this.name = value; } 
} 
} 

} 

这 里 补充 两 点 说 明 。 为 保证 数据 在 不 同 途 径 中 传递 的 正确 性 ,将 实体 类 标记 为 可 序 
列 化 。 另 外 ,数据 库 中 的 新 闻 表 (News) 和 新 闻 类 别 表 (NewsCategories) 之 间 通 过 一 个 外 
键 进行 关联 ,为 方便 以 后 程序 中 的 对 象 访问 ,在 News 类 中 构造 了 一 个 外 键 对 象 属性 
NewsCategory。 例 如 ,假设 有 一 个 新 闻 实 体 对 象 news, 那 么 使 用 外 键 对 象 后 可 用 news. 
NewsCategory. Name 形式 获得 新 闻 类 别名 称 。 


5.1.5 小 结 


(1) 通常 意义 上 的 三 层 结构 就 是 将 整个 业务 应 用 划分 为 : 表示 层 , 业 务 迎 辑 层 和 数 
据 访问 层 。 创 建 清晰 而 独立 的 应 用 程序 层 使 得 应 用 程序 更 易于 修改 。 例 如 ,清晰 的 层次 
使 得 无 须 修改 数据 访问 代码 就 可 以 修改 用 户 界面 。 

(2) 三 层 结 构 中 各 层 的 依赖 顺序 是 : 表示 层 依 赖 业务 逻辑 层 ; 业务 迎 辑 层 依赖 数据 
访问 层 ; 表示 层 、 业 务 四 辑 层 和 数据 访问 层 都 依赖 模型 层 。 

(3) 搭建 基于 三 层 结构 的 系统 基本 框架 的 步骤 为 : 搭建 模型 层 一 搭建 数据 访问 层 一 
搭建 业务 好 辑 层 一 搭建 表示 层 一 添加 各 层 之 间 的 相互 依赖 。 

(4) 模型 层 是 三 层 之 间 数 据 传递 的 载体 。 负 责 保障 对 数据 库 的 支持 和 一 致 , 它 包含 
了 与 数据 库 表 相对 应 的 实体 类 。 使 用 实体 类 更 符合 面向 对 象 编程 的 思想 ,通常 把 一 个 表 
封装 成 一 个 类 。 


5.1.6 思考 与 练习 


编写 NewsCategory 类 和 Comment 类 代码 。 
任务 5.2 实现 三 层 结构 下 的 用 户 登 录 


任务 目标 


(1) 了 解 ADO.NET 的 功能 和 组 成 。 

(2) 会 用 SqlConnection 对 象 连接 数据 库 , 会 用 SqlCommand 对 象 和 SqlDataReader 
对 象 查询 数据 。 

(3) 会 实现 三 层 结构 下 的 用 户 登 录 功 能 。 


5.2.1 ADO.NET 概述 
几乎 所 有 的 Web 应 用 程序 都 涉及 数据 访问 ,因此 ,数据 访问 技术 的 优 劣 是 Web 系统 
成 败 的 关键 。ADO.NET 是 微软 公司 推出 的 一 种 数据 访问 技术 , 它 是 对 ADO(ActiveX 


Data Objects,.NET 产生 之 前 的 数据 访问 模型 ) 对 象 模型 的 扩充 ,是 .NET 应 用 程序 采用 
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的 数据 访问 模型 。 
ADO.NET 体系 结构 包括 两 大 核心 组 件 : .NET 数据 提供 程序 和 DataSet 数据 集 。 
.NET 数据 提供 程序 用 于 连接 到 数据 库 、 执 行 命令 及 检索 结果 。 它 包含 了 许多 针对 
数据 源 的 类 库 ,允许 和 不 同类 型 的 数据 源 进行 交互 。 对 于 不 同 的 数据 源 采 用 不 同 的 类 库 ， 
类 库 名 通常 是 以 与 之 交互 的 数据 源 的 类 型 和 协议 来 命名 的 。 表 5-5 列 出 了 一 些 常见 的 
.NET 数据 提供 程序 ,以 及 它们 所 使 用 的 API 前 级 和 交互 的 数据 源 类 型 .NET 数据 提供 
程序 包含 4 个 核心 对 象 , 即 Connection 对 象 .Command 对 象 .DataReader 对 象 和 DataAdapter 
对 象 。Connection 对 象 用 于 与 数据 源 建立 连接 ; Command 对 象 用 于 对 数据 源 执行 命令 ; 
DataReader 对 象 用 于 从 数据 源 中 检索 只 读 、 只 向 前 数据 流 ; DataAdapter 对 象 用 于 将 数 
据 源 的 数据 填充 DataSet 数据 集 并 更 新 数据 集 。 


表 5-5 .NET 数据 提供 程序 


.NET 数据 提供 程序 API 前 级 数据 源 描述 

提供 ODBC 接口 的 数据 源 ,一般 是 比较 老 的 数据 库 
System. Data. Odbc 命名 空间 

提供 OLE DB 接口 的 数据 源 ,比如 Access 或 Excel 
System. Data. OleDb 命名 空间 

Oracle 数据 源 

System. Data. OracleClient 命名 空间 

Microsoft SQL Server 数据 源 

System. Data. SqlClient 命名 空间 


ODBC 数据 提供 程序 Odbe 


OLE DB 数据 提供 程序 OleDb 


Oracle 数据 提供 程序 Oracle 


SQL 数据 提供 程序 Sal 


DataSet 对 象 表示 数据 在 内 存 中 的 缓存 ,主要 用 于 管理 存储 在 内 存 中 的 数据 以 及 对 
数据 的 断 开 操作 。 
ADO.NET 五 大 对 象 之 间 的 关系 如 图 5-14 所 示 。 


ASPNET 等 Client 端 
| | 


1 
DataSet 

上 二 二 二 - 
| DataAdapter | DataReader 
| i 1 i ! 
| Command | 
1 
Connection | 
ee 和 和 J 
de = 
1 数据库 控件 1 
一 一 一 = 数据 库 
ADONET 控 件 | 


图 5-14 ADO.NET 五 大 对 象 之 间 的 关系 
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举 一 个 实际 的 例子 来 理解 表 5-5 中 的 API 前 组 。 例 如 ADO. NET 中 的 连接 对 象 
(Connection Object) ,顾名思义 ,可 以 通过 它 建 立 与 数据 源 的 连接 。 如 果 使 用 OLE DB 数 
据 提供 程序 连接 一 个 提供 OLE DB 接口 的 数据 源 ,那么 将 使 用 的 连接 对 象 就 是 
OleDbConnection。 同 理 , 如 果 连 接 ODBC 数据 源 或 者 SQL Server 数据 源 就 分 别 加 上 
Odbc 或 者 Sql 前 级 , 即 OdbcConnection 或 SqlConnection。 本 书 实例 使 用 的 数据 源 是 
SQL Server, 所 以 所 有 的 API 对 象 都 带 有 Sql 前 级 ,比如 SqlConnection。 


5.2.2 常用 ADO.NET 对 象 的 使 用 


下 面 介 绍 ADO. NET 中 SQL 数据 提供 程序 的 4 个 核心 对 象 (SqlConnection、 
SqlCommand、SqlDataReader 和 SqlDataAdapter) 和 DataSet 对 象 的 具体 使 用 方法 。 使 用 
这 些 对 象 时 ,通常 在 程序 代码 开头 部 分 用 using 指令 引用 相应 的 命名 空间 。SqlConnection、 
SqlCommand、SqlDataReader 和 SqlDataAdapter 这 4 个 对 象 用 using System. Data. SqlClient， 
DataSet 对 象 用 using System. Data。 

1. SqlConnection 对 象 

在 对 SQL Server 数据 库 中 的 数据 进行 操作 前 首先 要 连接 数据 库 ,连接 数据 库 并 完成 
对 数据 库 的 操作 之 后 ,必须 关闭 与 数据 库 的 连接 。 可 以 使 用 SqlConnection 对 象 来 完成 。 
SqlConnection 对 象 的 常用 属性 与 方法 如 表 5-6 所 示 。 

使 用 SqlConnection 对 象 连接 到 SQL Server 数据 库 的 基本 步骤 如 下 , 

(1) 创建 一 个 SqlConnection 类 的 对 象 实例 。 

(2) 设置 SqlConnection 对 象 的 连接 字符 串 属性 ConnectionString。 


表 5-6 ”SqlConnection 对 象 的 常用 属性 与 方法 


属 性 说 明 
ConnectionString 获取 或 设置 用 于 打开 SQL Server 数据 库 的 连接 字符 串 
方 法 说 明 
Open() 打开 数据 库 连接 
Close() 关闭 数据 库 连 接 


(3) 使 用 SqlConnection 对 象 的 Open() 方 法 或 Close() 方 法 打开 或 关闭 连接 。 
以 连接 新 闻 系 统 的 数据 库 NewsDB. mdf 为 例 . 编 写 SqlConnection 对 象 使 用 代码 
如 下 : 


using System. Data. SqlClient; 


// 建 立 SQL 数据 库 连接 对 象 实例 

SqlConnection cn = new SqlConnection(); 

// 设 置 数据 库 连 接 字 符 串 

string connectionString = "Data Source = .\\SQLEXPRESS; AttachDbFilename = | DataDirectory| 
\\NewsDB. mdf; Integrated Security = True; User Instance = True"; 

cn. ConnectionString = connectionString; 
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// 打 开 数据 库 连接 
cn. Open(); 


// 关 闭 数据 库 连接 

cn. Close( ); 

由 于 数据 库 连 接 字符 串 需 要 在 应 用 程序 多 处 重复 使 用 ,出 于 对 系统 以 后 的 可 移植 .可 
扩展 、 可 维护 性 等 考虑 ,一 般 将 连接 字符 串 写 在 Web. config 配置 文件 里 。 以 新 闻 系 统 为 
例 , 在 Web. config 配置 文件 里 设置 如 下 代码 。 

< connectionStrings > 

< add name = " NewsDBConnectionString" connectionString = "Data Source = . \ SQLEXPRESS; 
AttachDbFilename = | DataDirectory | \ NewsDB. mdf; Integrated Security = True; User Instance = 


True" providerName = "System. Data. SqlClient" /> 
</connectionStrings> 


这 时 ,在 页 面 中 使 用 该 连接 字符 串 ,就 可 以 写成 : 
using System. Conf iguration; 


string connectionString = ConfigurationManager. ConnectionStrings [ " NewsDBConnectionString"]. 
ConnectionString; 
SqlConnection 类 的 构造 函数 还 有 一 种 重 载 形 式 : public SqlConnection( string connectionString); 


所 以 ,对 数据 库 连 接 对 象 的 操作 还 可 写成 : 


SqlConnection cn = new SqlConnection(connectionString); 
cn. Open( ); 


di 
为 了 能 自动 释放 数据 库 连接 对 象 , 可 使 用 using 语句 。 


using (SqlConnection cn = new SqlConnection(connectionString) ) 
{ 


cn. Open() 7 


} 

如 上 面 的 代码 所 示 ,在 using 语句 范围 内 定义 了 一 个 数据 库 连 接 对 象 , 当 程序 执行 到 
using 语句 末尾 处 时 ,将 自动 释放 此 数据 库 连 接 对 象 ,不 用 再 手动 写 Close() 或 Dispose() 
方法 来 关闭 或 释放 资源 。 用 using 语句 ,可 在 程序 开发 过 程 中 简化 代码 量 , 并 在 一 定 程度 
上 提高 了 资源 使 用 效率 。 

2. SqlCommand 对 象 

SqlCommand 对 象 用 来 对 SQL Server 数据 库 执 行 SQL 命令 ,如 增加 、 删 除 .修改 、 查 
询 等 操作 。 可 以 使 用 SQL 语句 ,也 可 以 使 用 存储 过 程 来 完成 这 些 操作 。SqlCommand 对 
象 的 常用 属性 与 方法 如 表 5-7 所 示 。 
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表 5-7 SqlCommand 对 象 的 常用 属性 与 方法 


属 性 说 明 
Connection 获取 或 设置 SqlCommand 对 象 实例 使 用 的 数据 库 连 接 
CommandText 获取 或 设置 要 对 数据 源 执行 的 SQL 命令 
获取 或 设置 SQL 命令 的 类 别 , 有 StoredProcedure、TableDirect 或 Text, 默 认 
CommandType 
值 是 Text 
Parameters 获取 SqlParameterCollection 对 象 
方 法 说 明 
执行 一 条 不 返回 结果 集 的 语句 ,如 INSERT UPDATE .DELETE 或 数据 定义 
ExecuteNonQuery() 语句 
ExecuteReader() 将 CommandText 发 送 到 SqlConnection 并 返回 SqlDataReader 对 象 
执行 查询 ,并 返回 查询 结果 集中 第 一 行 的 第 一 列 ( 只 有 一 个 值 ), 如 执行 
ExecuteScalar() 


COUNT(*) 


使 用 SqlCommand 对 象 执行 SQL 命令 的 基本 步骤 如 下 : 

(1) 创建 一 个 SqlCommand 类 的 对 象 实例 。 

(2) 给 SqlCommand 对 象 的 CommandText 属性 设置 要 执行 的 SQL 命令 (如 果 SQL 
命令 中 使 用 了 参数 ,可 通过 Parameters 属性 为 参数 设置 值 ) 。 

(3) 用 SqlCommand 对 象 的 ExecuteReader() ,ExecuteScalar() 或 ExecuteNonQuery() 等 


方法 执行 SQL 命令 。 


以 实现 新 闻 系 统 中 根据 登录 名 查询 用 户 为 例 , 编 写 SqlCommand 对 象 使 用 代码 


如 下 : 


using System. Data. SqlClient; 


// 建 立 SQL 命令 对 象 实例 


SqlCommand cm = 


new SqlCommand( ) ; 


// 建 立 SQL 命令 对 象 与 SQL 数据 库 连接 对 象 的 连接 

cm. Connection = cn; 

// 设 置 要 执行 的 SQL 命令 

string sql = "SELECT * FROM Users WHERE LoginName = (@LoginName"; 
cm. CommandText = sql; 

// 向 SQL 命令 对 象 的 参数 集 添 加 参数 

cm. Parameters. RddWithValue("@LoginName"，1loginName) ; 

// 调 用 SQL 命令 对 象 的 相应 方法 执行 命令 

SqlDataReader dr = cm.ExecuteReader(); 


3. SqlDataReader 对 象 

SqlDataReader 对 象 用 来 从 SQL Server 数据 库 中 读 取 数据 ,实现 对 数据 源 的 只 读 访 
问 。 它 是 面向 连接 的 、 只 向 前 的 、 游 标 样式 的 类 。 由 于 SqlDataReader 不 需要 以 随机 的 方 
式 ( 即 前 后 移动 或 根据 索引 访问 ) 访 问 数据 库 , 所 以 不 会 增加 系统 的 额外 开销 。 与 
DataSet 相 比 ,如 果 执 行 纯粹 的 读 操作 ,SqlDataReader 的 速度 要 快 许多 。SqlDataReader 
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对 象 的 常用 属性 与 方法 如 表 5-8 所 示 。 
表 5-8 SqlDataReader 对 象 的 常用 属性 与 方法 


属 性 说 明 
FieldCount 获取 当前 行 中 的 列 数 
方 法 说 明 
Read() 读 取 下 一 条 记录 
GetName() 获取 指定 列 的 名 称 
Close(O) 关闭 SqlDataReader 对 象 


SqlCommand 对 象 的 ExecuteReader() 方 法 执行 后 会 返回 一 个 SqlDataReader 对 象 ， 
即 SqlDataReader 对 象 是 通过 SqlCommand 对 象 的 ExecuteReader() 方 法 从 数据 源 中 检 
索 行 创建 的 。 使 用 SqlDataReader 对 象 执行 数据 读 取 的 基本 步骤 如 下 : 

(1) 通过 执行 SqlCommand 对 象 的 ExecuteReader() 方 法 ,创建 一 个 SqlDataReader 
类 的 对 象 实例 。 

(2) 用 SqlDataReader 对 象 的 Read( ) 方 法 读 取 数 据 ( 若 有 多 条 记录 ,可 通过 while 循 
环 读 取 ) 。 

(3) 用 SqlDataReader 对 象 的 Close() 方 法 关闭 该 对 象 。 

以 实现 新 闻 系 统 中 根据 登录 名 查询 用 户 为 例 ,编写 SqlDataReader 对 象 使 用 代码 
如 下 : 


using System. Data. SqlClient; 


// 通 过 执行 SqlCommand 对 象 的 ExecuteReader( ) 方 法 来 建立 SQL 数据 读 取 对 象 实例 
SqlDataReader dr = cm.ExecuteReader(); 

// 调 用 SQL 数据 读 取 对 象 的 Read( ) 方 法 读 取 数据 

if (dr. Read()) 

{ 


// 关 闭 SQL 数据 读 取 对 象 
dr.Close() 


} 
else 


{ 
dr.Close(); 


$ 


4. SqlDataAdapter 对 象 

SqlDataAdapter 对 象 表示 用 于 填充 DataSet 和 更 新 SQL Server 数据 库 的 一 组 数据 
命令 和 一 个 数据 库 连 接 。SqlDataAdapter 对 象 一 般 和 DataSet 一 起 使 用 ,作为 DataSet 
与 SQL Server 数据 源 之 间 的 桥梁 来 检索 和 保存 数据 。SqlDataAdapter 里 包含 了 SqlConnection 
对 象 , 当 对 数据 源 进行 读 取 或 者 写 入 的 时 候 ,SqlDataAdapter 会 自动 打开 或 者 关闭 连接 。 
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此 外 ,SqlDataAdapter 还 包含 对 数据 进行 SELECT .INSERT .DELETE 和 UPDATE 操 
作 的 SqlCommand 对 象 的 引用 。SqlDataAdapter 对 象 的 常用 属性 与 方法 如 表 5-9 所 示 。 


表 5-9 SqlDataAdapter 对 象 的 常用 属性 与 方法 


属 性 说 明 
SelectCommand 获取 或 设置 一 个 SQL 命令 ,用 于 在 数据 源 中 选择 记录 
JnsertCommand 获取 或 设置 一 个 SQL 命令 ,用 于 在 数据 源 中 插入 新 记录 
DeleteCommand 获取 或 设置 一 个 SQL 命令 ,用 于 从 数据 源 中 删除 记录 
UpdateCommand 获取 或 设置 一 个 SQL 命令 ,用 于 更 新 数据 源 中 的 记录 

方 ”法 说 明 

FillO) 填充 DataSet 或 DataTable 

de 为 DataSet 中 每 个 已 插入 已 更 新 或 已 删除 的 行 调用 相应 的 INSERT、 

UPDATE 或 DELETE 语句 


5. DataSet 对 象 

DataSet 对 象 表 示 包 括 相 关 表 、 主 外 键 约束 和 表 间 关系 在 内 的 整个 数据 集 。 可 将 它 
看 成 存储 数据 的 数据 库 , 里 面包 含有 一 个 或 多 个 数据 表 、 数 据 行列 约束、 表 间 关系 及 数 
据 。 实 际 上 , 它 并 不 是 一 个 真正 的 数据 库 , 它 只 是 内 存 中 的 一 个 数据 集合 。 数 据 集 是 断 开 
式 的 数据 容器 ,数据 集中 所 有 记录 可 以 随机 访问 。 

注意 : 由 于 DataSet 对 象 能 被 所 有 .NET 数据 提供 程序 使 用 , 它 不 需要 指定 前 级 。 

下 面 以 使 用 SqlDataAdapter 对 象 和 DataSet 对 象 执 行 数据 读 取 的 操作 为 例 , 列 出 基 
本 操作 步 又 如 下 : 

(1) 用 SqlCommand 对 象 设置 查询 命令 。 

(2) 创建 一 个 SqlDataAdapter 类 的 对 象 实例 。 

(3) 给 SqlDataAdapter 对 象 的 SelectCommand 属性 设置 SqlCommand 对 象 。 

(4) 创建 一 个 DataSet 类 的 对 象 实例 ,用 于 接收 执行 SQL 命令 返回 的 数据 集 。 

(5) 用 SqlDataAdapter 对 象 的 Fill( ) 方 法 填充 数据 集 。 

下 面 的 代码 实现 了 使 用 SqlDataAdapter 对 象 从 数据 库 中 选择 记录 ,并 用 选 定 的 行 填 
充 DataSet 的 操作 。 

using System. Data; 

using System. Data. SqlClient; 


// 建 立 SQL 命令 对 象 ,并 设置 查询 命令 
SqlCommand cm = new SqlCommand(); 

cm. CommandText = "SELECT # FROM Users"; 
cm. Connection = cn; 

// 建 立 SQL 数据 适配器 对 象 实例 
SqlDataAdapter da = new SqlDataAdapter(); 
// 要 求 SqlDataAdapter 对 象 执行 查询 命令 
da. SelectCommand = cm; 
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// 建 立 数据 集 对 象 

DataSet ds = new DataSet(); 

// 向 数据 集 填 充 数 据 

da.Fill(ds); 

提示 : ADO.NET 是 用 于 和 数据 源 交互 的 .NET 技术 。 它 包含 了 许多 数据 提供 程序 ， 
分 别 用 于 访问 不 同 的 数据 源 一 一 取决 于 它们 所 使 用 的 数据 库 或 者 协议 。 然 而 无 论 使 用 什 
么 样 的 数据 提供 程序 ,与 数据 源 进行 交互 的 对 象 的 使 用 方法 都 是 相似 的 。SqlConnection 对 
象 用 于 管理 与 数据 源 的 连接 。SqlCommand 对 象 可 以 向 数据 源 发 送 SQL 命令 。SqlDataReader 
可 以 快速 地 从 数据 源 获得 只 读 的 、 只 向 前 的 数据 流 。 使 用 DataSet 可 以 处 理 那 些 已 经 断 
开 的 数据 (存储 在 内 存 中 的 ), 并 通过 SqlDataAdapter 实现 数据 源 的 读 取 和 写 入 。 

在 了 解 并 掌握 了 常用 ADO.NET 对 象 的 使 用 方法 后 ,可 以 开始 动手 编写 新 闻 系 统 中 
用 户 登 录 模块 了 。 下 面 分 别 从 数据 访问 层 、 业 务 逻 辑 层 和 表示 层 来 实现 用 户 登录 功能 。 


5.2.3 ”用户 登 录 数据 访问 层 的 实现 


数据 访问 层 封装 了 与 数据 库 交互 的 操作 ,包括 对 数据 表 的 增 、 删 、 改 、 查 操作 。 显 然 ， 
用 户 登 录 要 做 数据 查询 。 这 里 将 用 户 登录 的 数据 访问 层 的 操作 流程 描述 为 : 当 用 户 登 录 
系统 时 ,将 用 户 输入 的 登录 名 提交 数据 库 进行 查询 ,如 果 查 询 的 登录 名 存在 ,返回 一 个 用 
户 对 象 ,不 存在 则 返回 null。 

在 NewsDAL 项 目 中 新 建 一 个 类 文件 UserService. cs。 注 意 , 以 后 将 数据 访问 层 中 
有 关 用 户 对 象 的 操作 都 写 在 这 个 类 里 。 在 UserService 类 中 ,定义 一 个 根据 登录 名 查询 
用 户 的 方法 public static User GetUserByLoginName(string loginName) 。 

需要 使 用 的 对 象 及 步骤 如 下 : 

(1) 实例 化 SqlConnection 对 象 ,实现 数据 库 连 接 。 

(2) 实例 化 SqlCommand 对 象 ,执行 SQL 命令 。 

(3) 实例 化 SqlDataReader 对 象 , 读 取 数 据 。 

(4) 使 用 实体 对 象 传递 数据 。 

具体 实现 代码 如 下 : 


using System; 

using System. Collections. Generic; 

using System. Text; 

using System. Data; 

using System. Data. SqlClient; 

using System. Configuration; 

using NewsModels; 

namespace NewsDAL 

人 

public static class UserService 
private static string connectionString = ConfigurationManager. ConnectionStrings 
["NewsDBConnectionString"].ConnectionString; 

/// < summary> 
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/// 根据 登录 名 查询 用 户 
/// </summary> 
/// < param name = "loginName"> 用 户 登录 名 </param> 
/// < returns> 用 户 对 象 </returns> 
public static User GetUserBYLoginName( string loginName) 
{ 
using (SqlConnection cn = new SqlConnection(connectionString)) 
{ 
cn. Open(); 
SqlCommand cm = new SqlCommand( ) ; 
cm. Connection = cn; 
string sql = "SELECT * FROM Users WHERE LoginName = (@LoginName"; 
cm. CommandText = sql; 
cm. Parameters. AddWithValue("@LoginName", loginName); 
SqlDataReader dr = cm. ExecuteReader(); 
证 (dr.Read()) 
. 
User user = new User(); 
user.Id = (int)dr["Id"]; 
user. LoginName = (string)dr["LoginName"]; 
user. LoginPwd = (string)dr["LoginPwd"]; 
user. RealName = (string)dr["RealName"]; 
user. Address = (string)dr["Address"]; 
user. Phone = (string)dr["Phone"]; 
user. Email = (string)dr["Email"]; 
user. Role = (string)dr["Role"]; 
dr.Close(); 
return user; 
} 
else 
{ 
dr.Close(); 
return null; 


上 面 的 ff 语句 里 , 先 构造 一 个 user 对 象 ,其 属性 值 依次 被 赋值 为 数据 库 中 查找 到 的 
某 条 用 户 记录 的 各 个 字段 值 .然后 将 该 user 对 象 返回 。 


5.2.4 用 户 登录 业务 逻辑 层 的 实现 


业务 逻辑 层 应 该 提供 哪些 方法 一 般 根据 实际 需求 来 确定 。 例 如 , 当 用 户 登录 系统 时 ， 
首先 要 判断 输入 的 登录 信息 是 否 有 效 。 可 以 在 业务 逻辑 层 创建 一 个 对 应 的 用 户 登 录 方 
法 ,接收 表示 层 提 交 过 来 的 登录 名 和 密码 ,判断 是 否 为 合法 用 户 。 如 果 是 合法 用 户 ,返回 
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true; 否则 返回 false。 

在 NewsBLL 项 目 中 新 建 一 个 类 文件 UserManager. cs。 类 似 数据 访问 层 中 UserService 
类 的 做 法 ,以 后 将 业务 逻辑 层 中 有 关 用 户 对 象 的 操作 都 写 在 UserManager 类 里 。 在 
UserManager 中 ,定义 一 个 验证 用 户 登 录 信 息 是 否 有 效 的 方法 public static bool UserLogin 
(string loginName，string loginPwd，out User validUser) 。 具 体 实 现代 码 如 下 : 


using System; 


using System. Collections. Generic; 
using System. Text; 


using NewsModels; 
using NewsDAL; 


namespace NewsBLL 


上 


public static class UserManager 


{ 


} 


/// < summary> 

/// 登录 验证 (判断 用 户 登 录 名 是 否 存在 ,密码 是 否 正 确 , 验 证 是 否 为 合法 用 户 ) 

/// </summary> 

/// < param name = "loginName"> 用 户 登录 名 </param> 

/// < param name = "loginPwd"> 用 户 密码 </param > 

/// < param name = "validUser"> 用 户 对 象 </param> 

/// <returns> 布 尔 值 </returns> 

public static bool UserLogin( string loginName，string loginPwd，out User validUser) 


User user = UserService.GetUserByLoginName( loginName); 
if (user == null) // 登 录 名 不 存在 
{ 
validUser = null; 
return false; 
} 
else if (user. LoginPwd != loginPwd) // 密 码 错 误 
{ 
validUser = null; 
return false; 


} 

else 

{ 
validUser = user; 
return true; 

} 


注意 : 这 个 方法 的 形 参 validuser 前 使 用 了 out 关键 字 , 当 某 个 方法 需要 有 多 个 返回 
值 时 ,可 用 它 来 传递 返回 值 。out 在 这 里 的 作用 是 返回 一 个 用 户 对 象 , 即 当 用 户 合 法 时 ， 
将 该 用 户 对 象 返回 ,以 备 在 表示 层 中 调用 ,比如 可 将 该 用 户 对 象 的 相关 信息 存 入 Session 


或 Cookie。 
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5.2.5 用 户 登录 表示 层 的 实现 


表示 层 用 于 显示 数据 和 接收 用 户 输入 的 数据 ,为 用 户 提供 一 种 交互 式 操作 的 界面 。 
在 表示 层 中 ,如 果 仅 仅 用 于 展示 内 容 , 可 能 只 需要 将 控件 绑 定 数据 即 可 ,不 需要 编写 代码 ; 


如 果 需 要 和 用 户 交互 ,就 要 编写 相关 的 事件 代码 。 例 如 ,新 闻 系 


可 硬 we 
统 中 的 用 户 角 色 分 注册 会 员 和 管理 员 两 类 ,以 管理 员 登 录 页 为 了 
例 , 用 户 单 击 “ 登 录 ” 按 钮 的 事件 ,就 需要 进行 用 户 输入 内 容 的 非 | 9 es 


空 验证 ,然后 通过 调用 业务 逻辑 层 的 相关 方法 判断 用 户 名 和 密 
码 是 否 匹 配 ,编写 代码 验证 用 户 的 身份 是 否 为 管理 员 等 。 

下 面 在 表示 层 为 系统 创建 管理 员 登 录 页 。 先 在 Web 项 目 中 
新 建 一 个 Admin 文件 夹 , 在 该 文件 夹 下 创建 页 面 文件 AdminLogin. 


i | Ta 
注意 : 以 后 将 有 关 后 台 管 理 员 操 作 的 页 面 都 统一 做 在 | 全 Nemeoecs 

Admin 文件 夹 下 ,系统 的 样式 文件 、 外 观 文件 .图片 文 件 等 都 统 | 全 听 Sommen 

一 放 在 主题 文件 夹 App_Themes\Default 下 ,而 系统 的 一 些 公用 [tee 

自 定义 类 则 都 放 在 Common 文件 夹 下 ,如 图 5-15 所 示 。 这 样 做 贺 Defaultaspx 

能 使 系统 文件 架构 更 加 清晰 ,便于 系统 的 管理 和 维护 。 ea 


AdminLogin. aspx 实现 代码 如 下 : 图 5-15 管理 员 登 录 页 


< form id = "forml" runat = "server"> 所 在 文件 夹 
<div> 
<table> 
<tr>< td> 用 户 名 : </td> 
< td>< asp:TextBox runat = "server" ID= "txtLoginName"></asp:TextBox> 
<asp:RequiredFieldValidator ID= "rfvLoginName" runat = "server" ErrorMessage = 
"x "ControlToValidate = "txtLoginName"></asp:RequiredFieldValidator ></td 
></tr> 
<tr><td> 密 码 : </td> 
<td >< asp:TextBox runat = "server" ID = "txtLoginpwd" TextMode = "Password"> </asp: 
TextBox > 
< asp:RequiredFieldValidator ID = "rfvLoginPwd" runat = "server" ErrorMessage = 
"x" ControlToValidate = "txtLoginPwd"></asp:RequiredFieldValidator></td></tr> 
<tr>< td colspan = "2" class = "content_center"><asp:Button ID = "btnLogin" runat = 
"server" Text = "登录 "OnClick = "btnLogin Click" /></td></tr> 
</table> 
</div> 
</form> 


AdminLogin. aspx. cs 实现 代码 如 下 : 


using System; 

using System. Data; 

using SYstem. Configuration; 
using System. Collections; 


5 


ASP NET 动 态 网 站 开发 项 目 化 教程 第 2 版 ) 


76 


using System. Web; 


using SYstem. Web. Security; 


using System. Web. UI; 
using System. Web. UI. WebControls; 

using System. Web. UI. WebControls. WebParts; 
using System. Web. UI. HtmlControls; 


using NewsModels; 


using NewsBLL; 


namespace Web. Admin 


public partial class AdminLogin : System. Web. UI. Page 


‘ 


protected void Page_ Load(object sender, EventArgs e) 


1 


} 


protected void btnLogin Click(object sender, EventArgs e) 


if (Page. IsValid) 


' 


string loginName = txtLoginName. Text. Trim(); 

string loginPwd = txtLoginPwd.Text. Trim(); 

User user; 

if (UserManager. UserLogin( loginName，loginPwd，out user))// 判 断 用 户 名 和 


{ 


密码 是 否 正确 


if (user. Role == "2") // 判 断 是 否 为 管理 员 身 份 


{ 


// 将 用 户 名 和 角色 信息 存 人 Cookie 
System. Web. Security. FormsAuthentication. SetAuthCookie ( user. 
LoginName, false); 
FormsAuthenticationTicket ticket = new FormsAuthenticationTicket(1, 
user. LoginName, DateTime. Now, DateTime. Now. AddMinutes (30), 
false, "admin"); 
string hashticket = FormsAuthentication. Encrypt(ticket); 
HttpCookie cookie = new HttpCookie(FormsAuthentication. FormsCookie- 
Name, hashticket); 
Response. Cookies. Add( cookie); 
if (Request["ReturnUrl"] != null1) 
{ 

Response. Redirect(Request[ "ReturnUrl" ]); 
} 
else 
{ 

Response. Redirect("™ /Admin/Default. aspx" ); 
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Common. Message. RegScript(this, "你 不 是 管理 员 , 无 权 访 问 !"); 
} 
} 


else 


{ 
Common. Message. RegScript(this, "用 户 名 或 密码 不 正确 ,请 重新 填写 !"); 
? 


’ 
管理 员 登 录 页 运行 效果 如 图 5-16 所 示 。 页 面 的 样式 、 外 观 控制 代码 参见 系统 源 
程序 。 


localh- | 加 | $+ | x ||3§ coooe 


图 5-16 “管理 员 登 录 "页 运行 效果 


5.2.6 小 结 


(1) ADO.NET 包括 两 大 核心 组 件 : .NET 数据 提供 程序 和 DataSet 数据 集 。 其 中 ， 
前 者 包含 4 个 核心 对 象 , 即 Connection 对 象 .Command 对 象 .DataReader 对 象 和 DataAdapter 
对 象 。 

(2) using 关键 字 在 C 间 中 有 两 种 用 途 : 一 种 作为 指令 ,引用 命名 空间 ; 另 一 种 作为 
语句 ,用 于 定义 一 个 范围 ,在 此 范围 末尾 自动 释放 对 象 。 

(3) 使 用 SqlDataReader 对 象 执行 数据 读 取 操作 时 , 先 用 SqlCommand 对 象 的 
ExecuteReader() 方 法 创建 一 个 SqlDataReader 类 的 对 象 实例 ,再 用 SqlDataReader 对 象 
的 Read( ) 方 法 读 取 数 据 ( 若 有 多 条 记录 ,可 通过 while 循环 读 取 ) ,最 后 用 SqlDataReader 
对 象 的 Close() 方 法 关闭 该 对 象 。 


5.2.7 思考 与 练习 


1. ADO.NET 包括 哪 两 个 主要 的 组 件 ? 它们 分 别 为 哪 5 个 对 象 ? 各 有 什么 作用 ? 
2. 编程 实现 基于 三 层 结构 的 注册 会 员 登 录 功 能 。 
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任务 5.3 实现 三 层 结构 下 的 用 户 注册 


任务 目标 


(1) 会 用 SqlCommand 对 象 的 ExecuteNonQuery() 方 法 添加 数据 。 
(2) 会 实现 三 层 结构 下 的 用 户 注册 功能 。 


5.3.1 用 户 注册 数据 访问 层 的 实现 


用 户 注册 就 是 向 数据 库 添 加 新 的 用 户 数据 。 在 数据 访问 层 中 ,将 添加 用 户 的 操作 定 
义 成 方法 public static void AddUser(User user) 。 
在 NewsDAL 项 目的 UserService 类 中 增加 如 下 代码 。 


/// < summary> 

/// 添加 用 户 

/// </summary> 

/// < param name = "user"> 用 户 对 象 </param> 

public static void AddUser(User user) 

{ 

using (SqlConnection cn = new SqlConnection(connectionString)) 
{ 

cn. Open(); 
SqlCommand cm = new SqlCommand( ); 
cm. Connection = cn; 
string sql = 
"INSERT Users (LoginName, LoginPwd, RealName, Address, Phone, Email, Role)" + 
"VALUES (@LoginName, @LoginPwd, @RealName, @Address, @Phone, @Fnail, @Role)"; 
cm. CommandText = sql; 
cm. Parameters. AddWithValue( "@LoginName", user.LoginName); 
cm. Parameters. RddWithValue("@LoginPwd"，user.LoginPwd) ; 
cm. Parameters. AddWithValue("@RealName", user.RealName); 
cm. Parameters. AddWithValue("@Address", user. Address); 
cm. Parameters. AddWithValue("@Phone", user.Phone); 
cm. Parameters. AddWithValue( "@Email", user. Email); 
cm. Parameters. AddWithValue("@Role", user.Role); 
cm. ExecuteNonQuery( ); 


} 

上 面 代码 中 ,cm. ExecuteNonQuery() 执 行 INSERT 语句 向 数据 库 的 Users 表 添 加 了 一 
条 用 户 记 录 。 而 使 用 参数 化 的 INSERT 语句 可 使 程序 结构 更 加 清晰 ,提高 程序 的 可 读 性 。 
5.3.2 ”用户 注册 业务 逻辑 层 的 实现 

为 了 保证 用 户 名 唯一 ,在 用 户 注册 时 , 先 根据 登录 名 查询 该 用 户 是 否 已 经 存在 ,如 
果 用 户 名 不 存在 , 则 可 以 向 数据 库 添加 该 用 户 信息 ; 如 果 用 户 名 已 存在 , 则 返回 注册 失 
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败 信 息 。 这 里 在 业务 逻辑 层 创 建 一 个 用 户 注 册 的 方法 public static bool UserRegister 
(User user) ,这 个 方法 和 任务 5. 2 中 UserManager. UserLogin(string loginName，string 
loginPwd,， out User validUser) 相 似 , 都 是 对 业务 逻辑 的 处 理 。 

业务 逻辑 层 除 了 包含 业务 逻辑 的 处 理 外 ,常常 还 用 作 表 示 层 与 数据 访问 层 之 间 的 数 
据 传递 。 一 般 数据 访问 层 公 开 的 方法 会 在 业务 逻辑 层 有 个 相对 应 的 方法 。 例 如 ,对 于 数 
据 访 问 层 的 UserService. AddUser(User user) 方 法 ,在 业务 逻辑 层 还 需 再 创建 一 个 相应 
的 public static void AddUser(User user) 方 法 。 该 方法 没有 业务 逻辑 上 的 处 理 , 仅 仅 是 
调用 了 一 下 数据 访问 层 的 相关 方法 ,为 表示 层 提 供 所 需 的 数据 。 

在 NewsBLL 项 目的 UserManager 类 中 增加 如 下 代码 。 


public static void AddUser(User user) 


return UserService. AddUser (user); 
} 
/// < summary> 
/// 注册 新 用 户 
/// </summary> 
/// < param name = "user"> 用 户 对 象 </param> 
/// < returns > 布尔 值 </returns > 
public static bool UserRegister(User user) 
{ 
if (UserService. GetUserBYLoginName(user. LoginName) != null) 
{ 
return false; 
} 


else 


{ 
AddUser (user); 
return true; 


: 
其 中 ,UserService. GetUserByLoginName() 在 任务 5.2 中 已 经 创建 。 


5.3.3 用 户 注册 表示 层 的 实现 


用 户 注册 表示 层 除 了 将 接收 的 用 户 注册 信息 传递 给 业务 逻辑 层 处 理 外 ,还 需要 做 一 
系列 的 注册 信息 验证 ,比如 各 种 输入 内 容 的 非 空 验证 两 次 输入 密码 的 比较 验证 .电子 邮 
件 格式 的 合法 性 验证 ,以 及 为 防止 系统 被 恶意 攻击 要 求 用 户 输入 验证 码 等 。 前 面 列 出 的 几 
种 验证 方式 可 以 借助 Visual Studio 2010 工具 箱 中 “验证 ”选项 卡 提供 的 几 种 验证 控件 来 实 
现 。 至 于 验证 码 功能 ,通过 引入 一 个 第 三 方 控件 一 一 WebValidates 验证 码 控件 来 实现 。 

先 在 Web 项 目 中 新 建 一 个 Member 文件 夹 用 于 存放 与 注册 会 员 操 作 相关 的 页 面 , 然 
后 在 该 文件 夹 下 创建 页 面 文 件 UserRegister. aspx。 

UserRegister. aspx 关键 代码 如 下 : 


<table> 
<tr><td> 用 户 名 </td> 
<td>< asp:TextBox ID = "txtLoginName" runat = "server"></asp:TextBox> 


29 


| 二 动态 网 站 开发 项 目 化 教程 第 2 版 ) 


80 


<asp:RequiredFieldValidator ID = "rfvLoginName" runat = "server"” ErrorMessage = "请 
输入 用 户 名 " ControlToValidate = "txtLoginName"> * </asp:RequiredFieldValidator > 
</td></tr> 

<tr>< td> 密 码 </td> 
<td><asp:TextBox ID = "txtLoginPwd" runat = "server" TextMode = "Password"></asp: 
TextBox> 

<asp: RequiredFieldValidator ID = "rfvLoginpwd" runat = "server” ErrorMessage = "请 
输入 密码 ”ControlTbValidate = "txtLoginPwd"> * </asp: RequiredFieldValidator ></ 
td></tr> 

<tr>< td> 确 认 密 码 </td> 
<td>< asp:TextBox ID = "txtPwdAgain" runat = "server" TextMode = "Password"></asp: 
TextBox > 

<asp:RequiredFieldValidator ID = "rfvPwdAgain" runat = "server” ErrorMessage = "请 
输入 确认 密码 ”ControlTbValidate = "txtPwdMgain"> * </asp:RequiredFieldValidator > 

<asp:CompareValidator ID = "cvPwdAgain" runat = "server” ErrorMessage = "两 次 
密码 不 一 致 "” ControlToValidate = " txtPwdAgain" ControlToCompare = " 
txtLoginPwd"> * </asp:CompareValidator > 

</td></tr> 
<tr>< td> 真 实 姓名 </td> 
<td><asp:TextBox ID = "txtRealName" runat = "server"></asp:TextBox> 

<asp: RequiredFieldValidator ID = "rfvRealName" runat = "server” ErrorMessage = "请 
输入 真实 姓名 ” ControlTbValidate = "txtRealName"> * </asp: RequiredFieldValidator > 
</td></tr> 

<tr><td> 地 址 </td> 
<td>< asp:TextBox ID = "txtAddress" runat = "server"></asp:TextBox></td></tr> 
<tr><td> 电 话 </td> 
<td>< asp:TextBox ID = "txtPhone" runat = "server"></asp:TextBox></td></tr> 
<tr><td> 电 子 邮 件 </td> 
<td>< asp:TextBox ID = "txtEmail" runat = "server"></asp:TextBox> 
<asp:RequiredFieldValidator ID = "rfvEmail" runat = " Server”ErrorMessage = 
"请 输入 电子 邮 件 地 址 " ControlToValidate = ”txtEmail " > * </asp: 
RequiredFieldValidator > 

<asp:RegularExpressionValidator ID = "revEmail" runat = "server" ErrorMessage = " 电 
子 邮 件 地 址 格式 错误 " ControlToValidate = "txtEmail" ValidationExpression = "Nw+ 
([-+. J]\w+)* @\wt ([—.]\wt)*\.\wt+ ([-.]\w+)*">*x</asp: 
RegularExpressionValidator ></td></tr> 

<tr>< td> 验 证 码 </td> 
<td><asp:TextBox ID = "txtCode" runat = "server"></asp:TextBox> 

<asp:RequiredFieldValidator ID = "rfvCode" runat = "server" ErrorMessage = "请 
输入 验证 码 " ControlToValidate = "txtCode"> * </asp:RequiredFieldValidator> 

<ccl:SerialNumber ID= "snCode" runat = "server"> 

</ccl:SerialNumber ></td></tr> 

<tr><td colspan= "2" class= "content center"> 

<asp:ValidationSummary ID = "vsRegister" runat = " server" ShowMessageBox = 
"true" ShowSummary = "false"/></td></tr> 

<tr><td colspan = "2" class = "content_ center"> 

<asp:Button ID = "btnSubmit"” runat = "server"” Text = "提交 " OnClick = "btnSubmit_ 
Click" /> 

</td></tr> 
</table> 
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UserRegister. aspx. cs 实现 代码 如 下 : 


using NewsModels; 
using NewsBLL; 
namespace Web. Member 


public partial class UserRegister : System. Web. UI.Page 


protected void Page Load(object sender, EventArgs e) 
{ 
if (!IsPostBack) 
{ 
// 首 次 加 载 生成 新 验证 码 
snCode. Create( ); 
} 
} 
protected void btnSubmit_Click(object sender, EventArgs e) 
{ 
if (Page. IsValid) 
| 
证 (!CheckCode( )) 
{ 
Common. Message. RegScript(this, "验证 码 错 误 !"); 
} 
else 
{ 
User user = new User(); 
user. LoginName = txtLoginName. Text. Trim(); 
user. LoginPwd = txtLoginPwd.Text. Trim(); 
user. RealName = txtRealName. Text. Trim(); 
user. Address = txtAddress. Text.Trim(); 
user. Phone = txtPhone. Text.Trim(); 
user. Email = txtEmail.Text.Trim(); 
user. Role = "1"; 
if (!UserManager. UserRegister(user)) 


{ 
Common. Message. RegScript(this, "用 户 名 已 被 使 用 ! 请 重新 选择 !"); 
} 
else 
{ 
Common. Message. RegScript(this, "注册 成 功 ! 请 登录 !",，"UserLogin. 
aspx" ); 
} 


} 
} 
private bool CheckCode( ) 
{ 
if (snCode. CheckSN(txtCode. Text.Trim()))  // 判 断 验证 码 输入 是 否 正确 
{ 
return true; 


} 
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else 
{ 
snCode.Create();  // 如 果 验 证 码 输入 不 正确 , 则 生成 新 验证 码 


return false; 


} 
用 户 注册 页 验证 效果 如 图 5-17 所 示 。 


灶 
| 


图 5-17 用 户 注册 页 验证 效果 


5.3.4 小 结 


(1) 向 数据 库 添 加 数据 的 基本 步骤 为 : 创建 SqlConnection 对 象 一 定义 SQL 语句 
(INSERT) 一 创建 SqlCommand 对 象 -~ 执行 ExecuteNonQuery() 方 法 一 根据 返回 的 结果 
进行 处 理 。 

(2) 使 用 参数 化 SQL 语句 可 使 程序 结构 更 加 清晰 ,提高 程序 的 可 读 性 。 


5.3.5 思考 与 练习 


1. 用 SqlCommand 对 象 的 ExecuteNonQuery() 方 法 向 数据 库 添加 数据 的 基本 步骤 
是 什么 ? 
2. 如 何 给 参数 化 SQL 语句 赋 参 数值 ? 


任务 5.4 使 用 GridView 控件 实现 新 闻 管 理 


任务 目标 


(1) 了 解 各 种 数据 源 控 件 与 数据 绑 定 控件 的 类 型 和 作用 。 
(2) 会 用 ObjectDataSource 控件 从 数据 源 获取 数据 。 
(3) 会 用 GridView 控件 显示 删除、 编辑 数据 。 
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5.4.1 数据 源 控件 与 数据 绑 定 控件 概述 


前 面 介 绍 了 ASP.NET 数据 访问 技术 中 的 ADO.NET 对 象 , 接 下 来 介绍 数据 绑 定 技 
术 , 使 用 该 技术 可 以 使 Web 应 用 程序 轻松 地 与 数据 库 进行 交互 。 简 单 地 说 ,数据 绑 定 是 将 
数据 源 中 的 数据 取出 来 ,显示 在 页 面 的 各 种 控件 上 ,用 户 可 以 通过 这 些 控件 查看 和 修改 数 
据 。ASP.NET 4.0 拥有 一 系列 实现 数据 绑 定 的 工具 ,包括 几 个 数据 源 控 件 和 数据 绑 定 控件 。 

1. 数据 源 控 件 

ASP.NET 4.0 在 ADO.NET 的 数据 模型 基础 上 进行 了 进一步 的 封装 和 抽象 ,提出 
了 一 个 新 的 概念 一 一 “数据 源 控件 ”(DataSource Control) 。 数 据 源 控件 用 于 实现 从 不 同 
数据 源 获 取 数 据 的 功能 , 它 可 以 设置 连接 信息 、 查 询 信 息 、 参 数 和 行为 ,可 以 消除 ASP.NET 
以 前 版 本 中 大 量 的 重复 性 代码 。 数 据 源 控件 被 放置 在 Visual Studio 2010 工具 箱 的 “ 数 
据 ”" 选 项 卡 中 ,分 别 以 X X XDataSource 命名 (如 SqlDataSource、ObjectDataSource 等 )。 
数据 源 控件 的 类 型 及 作用 如 表 5-10 所 示 。 

表 5-10 数据 源 控件 
控件 名 称 说 明 
SqlDataSource 用 于 从 SQL Server、OLE DB.ODBC Oracle 等 数据 源 中 检索 数据 
AccessDataSource 继承 自 SqlDataSource, 专 门 用 于 从 Access 数据 库 检索 数据 

可 用 于 三 层 体系 结构 ,能够 将 来 自 业 务 逻 辑 层 的 数据 对 象 与 表示 层 中 的 数据 
绑 定 控件 绑 定 , 实 现 数据 的 检索 或 更 新 
用 于 检索 和 处 理 XML 文件 。 通 过 XmlDataSource 控件 可 将 一 个 XML 文件 
绑 定 到 一 个 用 于 显示 层次 结构 的 TreeView 或 Menu 控件 上 
结合 ASP.NET 站 点 导航 使 用 。 通 过 SiteMapDataSource 控件 可 将 一 个 站 点 
地 图 文件 . sitemap 绑 定 到 TreeView 或 Menu 控件 上 ,提供 站 点 导航 


ObjectDataSource 


XmlDataSource 


SiteMapDataSource 


特别 需要 指出 的 是 ,大 多 数 ASP.NET 数据 源 控 件 , 如 SqlDataSource, 都 在 两 层 应 用 
程序 层次 结构 中 使 用 。 在 该 层次 结构 中 ,表示 层 (ASP.NET 网 页 ) 可 以 与 数据 层 (数据 库 
和 XML 文件 等 ) 直 接 进 行 通信 。 但 是 ,常用 的 应 用 程序 设计 原则 是 ,将 表示 层 与 业务 逮 
辑 相 分 离 ,而 将 业务 逻辑 封装 在 业务 对 象 中 。 这 些 业 务 对 象 在 表示 层 和 数据 层 之 间 形 成 
一 层 , 从 而 生成 一 种 三 层 应 用 程序 结构 。ObjectDataSource 控件 通过 提供 一 种 将 相关 页 
上 的 数据 控件 绑 定 到 中 间 层 业务 对 象 的 方法 ,为 三 层 结构 提供 支持 。 

2. 数据 绑 定 控件 

数据 源 控 件 只 负责 管理 与 实际 数据 存储 源 的 连接 ,并 不 能 呈现 任何 用 户 界面 ,要 将 数 
据 显示 出 来 ,需要 数据 绑 定 控件 。 数 据 绑 定 控件 是 将 数据 作为 标记 向 发 出 请 求 的 客户 端 
设备 或 浏览 器 呈现 的 UI 控件 。 数 据 绑 定 控件 包括 GridView、DetailsView、FormView、 
Repeater DataList 等 。 这 类 控件 主要 提供 数据 显示 、 编 辑 、 删 除 等 相关 用 户 界 面 。 

ASP.NET 4.0 中 有 以 下 两 种 数据 绑 定 方式 。 

(1) 使 用 数据 源 控件 

首先 使 用 数据 源 控件 连接 数据 库 ,并 返回 数据 集合 ,然后 利用 数据 绑 定 控件 实现 数据 
显示 更 新 .删除 等 功能 。 

其 中 , 需 通过 一 个 重要 属性 DataSourceID( 所 有 数据 绑 定 控件 共有 的 属性 ) 将 数据 源 
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控件 和 数据 绑 定 控件 “连接 ”起 来 。 可 以 直接 设置 该 属性 ,也 可 以 通过 编写 代码 实现 。 语 


法 格式 为 ; 


数据 绑 定 控件 ID. DataSourceID = 数据 源 控件 ID; 


(2) 编码 指定 数据 源 
即 编写 代码 在 程序 运行 中 动态 绑 定 数据 源 。 比 如 : 


gvUsers. DataSource = NewsBLL. UserManager.GetUsers(); 


gvUsers.DataBind( ) ; 


其 中 ,gvUsers 为 数据 绑 定 控件 ID,GetUsers() 返 回 一 个 数据 集合 作为 数据 源 。 
5.4.2 GridView 控件 简介 


GridView 控件 以 表 的 形式 显示 数据 ,每 一 列 代表 


个 字段 ,每 一 行 代表 一 条 记录 。 


可 配合 数据 源 控件 对 数据 库 进 行 浏览 、 编 辑 ` 删 除 等 操作 。GridView 控件 中 的 数据 显示 
格式 既 可 以 套用 已 存在 的 格式 ,也 可 以 通过 属性 来 设置 ,包括 GridView 控件 行 的 布局 、 
颜色 、 字 体 、 对 齐 方式 以 及 指定 行 中 包含 的 文本 和 数据 的 显示 。GridView 控件 的 常用 属 
性 与 事件 如 表 5-11 所 示 。 


属 性 


表 5-11 GridView 控件 的 常用 属性 与 事件 
说 明 


AutoGenerateColumns 


获取 或 设置 一 个 值 , 该 值 指示 是 否 为 数据 源 中 的 每 个 字段 自动 创建 绑 定 字段 


AllowPaging 获取 或 设置 一 个 值 ,该 值 指示 是 否 启用 分 页 功能 
PageSize 获取 或 设置 GridView 控件 在 每 页 上 所 显示 的 记录 数目 
获取 或 设置 一 个 数组 ,该 数组 包含 了 显示 在 GridView 控件 中 的 项 的 主键 字 
DataKeyNames 
段 的 名 称 
DataSource 获取 或 设置 对 象 ,数据 绑 定 控件 从 该 对 象 中 检索 其 数据 项 列表 
DataSourceID 获取 或 设置 控件 的 ID ,数据 绑 定 控件 从 该 控件 中 检索 其 数据 项 列表 
事 件 说 明 
DataBound 在 GridView 控件 完成 到 数据 源 的 绑 定 后 发 生 


RowDataBound 


在 GridView 控件 中 的 某 个 行 被 绑 定 到 一 个 数据 记录 时 发 生 


PageIndexChanging 


单 击 “ 页 导航 ”按钮 时 ,在 GridView 控件 执行 分 页 操作 之 前 发 生 


单 击 GridView 控件 内 某 一 行 的 “删除 ”按钮 时 ,在 GridView 控件 从 数据 源 


RowDeleting 删除 该 行 记录 之 前 发 生 
RowDeleted 单 击 GridView 控件 内 某 一 行 的 “删除 ”按钮 时 ,在 GridView 控件 从 数据 源 
删除 该 行 记录 之 后 发 生 
本 单 击 GridView 控件 内 某 一 行 的 “编辑 ”按钮 时 ,在 GridView 控件 进入 编辑 
RowEditing 


模式 之 前 发 生 


RowCancelingEdit 


单 击 GridView 控件 内 某 一 行 的 “编辑 ”按钮 时 ,在 GridView 控件 退出 编辑 
模式 之 前 发 生 


RowUpdating 


单 击 GridView 控件 内 某 一 行 的 “更 新 ”按钮 时 ,在 GridView 控件 更 新 记录 
之 前 发 生 


RowUpdated 


单 击 GridView 控件 内 某 一 行 的 “更 新 ”按钮 时 ,在 GridView 控件 更 新 记录 
之 后 发 生 
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5.4.3 新 闻 类 别管 理 数据 访问 层 与 业务 多 辑 层 的 实现 
要 实现 新 闻 类 别 的 显示 、 编 辑 ` 删 除 功能 , 仍 需 从 数据 访问 层 ` 业 务 逻 辑 层 和 表示 层 分 


别 进行 编码 。 


1. 新 闻 类 别管 理 数 据 访问 层 的 实现 
在 NewsDAL 项 目 中 新 建 类 文件 NewsCategoryService. cs, 其 关键 代码 如 下 , 


Using NewsModels; 
namespace NewsDAL 


{ 


public static class NewsCategoryService 


private static string connectionString = ConfigurationManager. ConnectionStrings 
["NewsDBConnectionString" ]. ConnectionString; 
/// < summary> 
/// 删除 新 闻 类 别 
/// </summary> 
/// < param name = "newsCategory"> 新 闻 类 别 对 象 </param> 
public static void DeleteNewsCategory(NewsCategory newsCategory) 
{ 
using (SqlConnection cn = new SqlConnection(connectionString)) 
{ 
cn. Open( ); 
SqlCommand cm = new SqlCommand(); 
cm. Connection = cn; 
string sql = "DELETE FROM NewsCategories WHERE Id = @Id"; 
cm. CommandText = sql; 
cm. Parameters. AddWithValue("@Id", newsCategory. Id); 
cm. ExecuteNonQuery( ); 
} 
} 
/// < summary> 
/// 修改 新 闻 类 别 
/// </summary> 
/// < param name = "newsCategory"> 新 闻 类 别 对 象 </param> 
public static void ModifyNewsCategory(NewsCategory newsCategory) 
{ 
using (SqlConnection cn = new SqlConnection(connectionString)) 
{ 
cn. Open( ); 
SqlCommand cm = new SqlCommand(); 
cm. Connection = cn; 
string sql = 
"UPDATE NewsCategories ”十 
"SET ”十 
"Name = @Name "+ 
"WHERE Id = @Id"; 
cm. CommandText = sql; 
cm. Parameters. AddWithValue("@Id", newsCategory. Id) ; 
cm. Parameters. RddWithValue("@Name"，newsCategory. Name) ; 
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cm. ExecuteNonQuery( ); 
’ 
} 
/// < summary> 
/// 查询 所 有 新 闻 类 别 的 所 有 字段 信息 
/// </summary> 
/// <returns> 新 闻 类 别 对 象 集合 </returns> 
public static IList< NewsCategory> GetNewsCategories() 
{ 
using (SqlConnection cn = new SqlConnection(connectionString)) 
{ 
cn. Open( ); 
SqlCommand cm = new SqlCommand(); 
cm. Connection = cn; 
string sql = "SELECT *#* FROM NewsCategories"; 
cm. CommandText = sql; 
SqlDataReader dr = cm.ExecuteReader( ); 
// 使 用 List < 了 > 传递 实体 对 象 集合 
List < NewsCategory> list = new List< NewsCategory>(); 
while (dr. Read( )) 
{ 
NewsCategory newsCategory = new NewsCategory(); 
newsCategory. Id = (int)dr["Id"]; 
newsCategory. Name = (string)dr["Name"]; 
list. Add(newsCategory); 
} 
dr.Close(); 
return list; 


} 
2. 新 闻 类 别管 理 业务 逻辑 层 的 实现 


在 NewsBLL 项 目 中 新 建 类 文件 NewsCategoryManager. cs, 其 关键 代码 如 下 : 


using NewsModels; 
using NewsDAL; 
namespace NewsBLL 
{ 
public static class NewsCategoryManager 
{ 
public static void DeleteNewsCategory( NewsCategory newsCategory) 
{ 
NewsCategoryService. DeleteNewsCategory( newsCategory); 
} 
public static void ModifyNewsCategory( NewsCategory newsCategory) 
{ 
NewsCategoryService. ModifyNewsCategory( newsCategory); 
} 
public static IList < NewsCategory > GetNewsCategories() 
{ 
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return NewsCategoryService. GetNewsCategories( ); 


} 
5.4.4 使 用 GridView 控件 实现 新 闻 类 别 显示 


在 新 闻 系 统 中 ,管理 员 后 台 需 具备 用 户 管理 .新 闻 类 别管 理 、. 新 闻 文 章 管理 .留言 管理 
等 管理 功能 ,但 对 页 面 的 美观 要 求 不 是 很 高 。 所 以 ,后 台 管 理 页 面 通常 可 使 用 GridView 
控件 进行 列表 显示 。 

在 Web 项 目的 Admin 文件 夹 下 ,新 建 页 面 文件 NewsCategoriesManager. aspx。 

使 用 GridView 控件 显示 新 闻 类 别 的 基本 步骤 如 下 : 

(1) 添加 数据 源 控件 。 切 换 到 “设计 ”视图 ,将 工具 箱 “ 数 据 ” 选 项 卡 中 的 ObjectDataSource 
控件 拖 放 到 页 面 中 ,设置 ObjectDataSource 控件 的 ID 属性 值 为 odsNewsCategories。 单 击 
ObjectDataSource 右上 角 的 小 三 角 按钮 ,在 弹出 的 列表 中 选择 “配置 数据 源 ” 选 项 ,如 图 5-18 所 
示 。 在 弹出 的 “配置 数据 源 -odsNewsCategories” 对 话 框 中 ,选择 “选择 业务 对 象 " 下 拉 列 
表 的 NewsBLL. NewsCategoryManager 选 
项 ,如 图 5-19 所 示 。 单 击 “ 下 一 步 ”按钮 , 打 ES oa 本 
开 图 5-20 所 示 的 对 话 框 定义 各 种 数据 方法 。 

在 SELECT 选项 卡 的 “选择 方法 ”下 拉 列 表 图 5-18 ”添加 到 页 面 设计 视图 中 的 数据 源 控件 
中 选择 “GetNewsCategories(), 返 回 IList 
二 NewsCategory 二 ”选项 。 


选择 可 以 用 于 检索 或 更 新 数据 的 业务 对 象 (例如 ,在 此 应 用 程序 的 Bin 或 App_Code 目录 中 定义 的 对 象 ). 


图 5-19 选择 业务 对 象 
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ys 


SELECT 


选择 与 SELECT 操作 关联 并 返回 数据 的 业务 对 象 的 方法 。 该 方法 可 返回 DataSet、DataReader 或 强 类 型 集合 . 


示 伯 GetProducts(Int32 categoryld) , 它 返回 Dataset. 


方法 (ch 

Gene iE Ne 
方法 苦 名 M): 
GetNewsCategories0 ,返回 List<NewsCategory> 


图 5-20 定义 数据 方法 一 一 配置 SELECT 操作 


(2) 添加 GridView 控件 。 将 工具 箱 * 数 据 ?选项 卡 中 的 GridView 控件 拖 放 到 页 面 
中 ,设置 GridView 控件 的 ID 属性 值 为 gvNewsCategories。 单 击 GridView 右上 角 的 小 
三 角 按 钮 ,在 “选择 数据 源 " 下 拉 列 表 中 选择 前 面 创建 的 数据 源 odsNewsCategories ,将 数 
据 源 绑 定 到 GridView 控件 ,如 图 5-21 所 示 。 或 者 将 gvNewsCategories 的 DataSourceID 
属性 值 设 置 为 odsNewsCategories 完成 相同 功能 。 在 选择 了 数据 源 后 ,GridView 任务 菜 
单 中 将 多 出 若干 选项 ,如 图 5-22 所 示 。 若 希望 程序 具有 “分 页 ”“ 删 除 ”“ 编 辑 ”" 等 数据 库 
操作 功能 可 选择 相应 的 复 选 框 。 此 时 ,已 经 完成 了 GridView 控件 最 简单 的 数据 绑 定 。 
运行 页 面 ,GridView 控件 显示 新 闻 类 别 列表 初步 效果 如 图 5-23 所 示 。 可 以 对 GridView 
控件 的 显示 效果 再 做 改进 ,例如 使 GridView 的 界面 更 加 美观 ,把 列表 标题 改 成 中 文 显示 
并 隐藏 Id 列 、 当 记录 数 太 多 时 能 分 页 显示 等 。 下 面 在 此 基础 上 使 用 GridView 控件 其 他 
的 一 些 功能 。 


自动 套用 格式 
选择 数据 源 : | (无 ) 


， |® 
< 新 建 到 冯 源 -> 


图 5-21 将 数据 源 绑 定 到 GridView 控件 


(3) 设置 GridView 控件 的 外 观 。 单 击 GridView 右上 角 的 小 三 角 按钮 ,在 如 图 5-22 
所 示 的 GridView 任务 菜单 中 ,选择 “自动 套用 格式 ”命令 打开 如 图 5-24 所 示 的 对 话 框 , 可 
在 “选择 方案 ?列表 中 任 选 一 种 显示 格式 (如 “专业 型 >) 改变 GridView 外 观 。 
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自动 套用 格式 … 
选择 数据 源 : |odsNewsCategories [| 
配置 数据 源 -… 


图 5-22 “GridView 任务 ”菜单 图 5-23 用 GridView 显示 新 闻 类 别 初步 效果 的 运行 界面 


Col0 Coll Col2 


mw mm- 
各 
8 


图 5-24 “自动 套用 格式 ”对 话 框 


(4) 自 定义 GridView 控件 显示 列 。 在 如 图 5-22 所 示 的 GridView 任务 菜单 中 ,选择 
“编辑 列 " 命 令 打 开 “ 字 有 段 ”对 话 框 ,为 了 能 手动 选择 需要 绑 定 的 列 , 先 去 掉 左下 方 “ 自 动 生 
成 字段 " 复 选 框 前 面 的 “VV”。 然 后 ,在 左上 方 “ 可 用 字段 ”列表 中 选择 BoundField 选项 , 单 
击 “ 添 加 ”按钮 将 其 添加 到 “ 选 定 的 字段 ”列表 ,在 右边 "BoundField 属性 ”列表 中 ,设置 该 
绑 定 列 的 DataField 属性 为 Id、HeaderText 属性 为 Id、Visible 属性 为 False。 类 似 地 ,再 
添加 另 一 个 绑 定 列 , 设 置 该 绑 定 列 的 DataField 属性 为 Name、HeaderText 属性 为 “类 别 
名 称 ”。 绑 定 列 设置 结果 如 图 5-25 所 示 , 有 关 绑 定 列 的 常用 属性 如 表 5-12 所 示 。 此 时 ， 
已 经 实现 了 所 有 新 闻 类 别 的 显示 。 从 如 图 5-26 所 示 页 面 运行 效果 来 看 ,虽然 GridView 
上 绑 定 了 字段 Id, 却 没有 显示 在 页 面 上 。 通 过 手动 设置 绑 定 列 , 可 以 达到 自由 绑 定 或 显 
示 列 的 目的 。 
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图 5-25 绑 定 字段 


(5) 启用 分 页 。 在 图 5-22 所 示 的 GridView 任务 菜单 中 ,选中 “启用 分 页 ” 复 选 框 。 
或 者 将 GridView 的 AllowPaging 属性 改 成 True 完成 相同 功能 。 在 默认 情况 下 ,每 页 显 
示 10 条 记录 ,可 通过 PageSize 属性 修改 。 在 “设计 ”视图 下 ,设置 分 页 后 的 GridView 如 
图 5-27 所 示 。 


图 5-26 用 GridView 显示 新 闻 类 别 列表 运行 界面 ”图 5-27 设置 分 页 后 在 “设计 ?视图 下 的 GridView 


表 5-12 ”BoundField 列 的 常用 属性 


属 性 说 明 
DataField 获取 或 设置 要 绑 定 到 BoundField 对 象 的 数据 字段 的 名 称 
HeaderText 获取 或 设置 显示 在 数据 控件 标 头 中 的 文本 
Visible 获取 或 设置 指示 是 否 呈 现 数据 控件 字段 的 值 
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属 性 说 明 

获取 或 设置 字符 串 , 该 字符 串 指 定 字 段 值 的 显示 格式 。 例 如 ,格式 化 字符 
DataFormatString 串 “{0:F2} "将 显示 带 两 位 小 数 的 定点 数 。 注 意 , 使 用 DataFormatString 属 
性 时 ,必须 将 HtmlEncode 属性 设置 为 False, 否 则 设置 无 效 

获取 或 设置 一 个 值 , 该 值 指示 在 BoundField 对 象 中 显示 字段 值 之 前 ,是 否 
对 这 些 字段 值 进行 HTML 编码 

ReadOnly 获取 或 设置 一 个 值 , 该 值 指 示 是 否 可 以 在 编辑 模式 中 修改 字段 的 值 


HtmlEncode 


5.4.5 使 用 GridView 控件 实现 新 闻 类 别 的 编辑 .删除 


在 默认 情况 下 ,GridView 控件 在 只 读 模 式 下 显示 数据 。 但 是 ,该 控件 还 支持 一 种 编 
辑 模式 ,在 该 模式 下 控件 显示 一 个 包含 可 编辑 控件 (如 TextBox) 的 行 。 除 此 之 外 ,还 可 以 
对 GridView 控件 进行 配置 以 显示 一 个 删除 按钮 ,用户 可 单 击 该 按钮 来 删除 数据 源 中 相 
应 的 记录 。 下 面 继续 给 NewsCategoriesManager. aspx 页 面 增加 编辑 和 删除 功能 。 

使 用 GridView 控件 编辑 ,删除 新 闻 类 别 的 基本 步骤 如 下 : 

(1) 在 数据 源 控件 定义 数据 方法 。 切 换 到 “设计 ”视图 ,打开 如 图 5-20 所 示 的 对 话 
框 ,打开 UPDATE 选项 卡 选 择 ModifyNewsCategory (NewsCategory newsCategory) 方 
法 ,打开 DELETE 选项 卡 选择 DeleteNewsCategory (NewsCategory newsCategory) 
方法 。 

(2) 设置 DataKeyNames 属性 。 设 置 GridView 控件 的 DataKeyNames 属性 为 Id。 

注意 : 使 用 DataKeyNames 属性 指定 表示 数据 源 主键 的 字段 。 必 须 设置 该 属性 ,和 否 
则 GridView 控件 的 自动 更 新 和 删除 功能 将 不 起 作用 。 这 也 是 前 面 做 GridView 显示 功 
能 时 , 虽 不 想 在 用 户 界 面 上 出 现 Id, 却 要 在 页 面 上 绑 定 Id 的 原因 。 

(3) 添加 编辑 列 与 删除 列 。 在 如 图 5-22 所 示 的 GridView 任务 菜单 中 ,选择 “编辑 
列 ” 命 令 打 开 “ 字 有 段 ”对话 框 ,在 左上 方 “ 可 用 字段 "列表 中 将 CommandField 前 的 “十 ”号 展 
开 , 分 别 选择 “编辑 .更 新 .取消 ”选项 与 “删除 ?选项 添加 到 * 选 定 的 字段 "列表 中 , 如 
图 5-28 所 示 。 程 序 运 行 后 显示 如 图 5-29 所 示 的 界面 ,如 果 单 击 页 面 中 “删除 ”按钮 , 则 所 
在 行 的 数据 记录 将 直接 从 数据 库 中 删除 。 如 果 单 击 页 面 中 “编辑 ”按钮 , 则 页 面 切换 为 如 
图 5-30 所 示 的 编辑 模式 ,在 修改 了 数据 后 可 单 击 * 更 新 ”按钮 将 现 有 数据 保存 到 数据 库 
中 , 单 击 * 取 消 ?按钮 则 放弃 对 数据 的 修改 。 

(4) 设置 模板 列 。 数 据 绑 定 控件 的 模板 列 可 用 于 显示 用 户 自 定义 内 容 。 比 如 想 在 编 
辑 时 进行 类 别名 称 输入 的 非 空 验 证 ,或 是 在 删除 前 加 上 一 个 确认 删除 的 对 话 框 ,可 结合 ; 
有 关 列 转换 为 模板 列 来 实现 。 打 开 如 图 5-28 所 示 的 “字段 ”对 话 框 ,在 左下 方 “ 选 定 的 字 
段 ” 列 表 中 ,选择 “类 别名 称 ” 选 项 , 单 击 右 下 方 “将 此 字段 转换 为 TemplateField” 超 链接 将 
它 转 换 为 模板 列 。 在 如 图 5-22 所 示 的 GridView 任务 菜单 中 ,选择 “编辑 模板 ”进入 
GridView 的 模板 编辑 模式 ,在 “显示 ”下 拉 列 表 中 选择 Column[1]- 类 别名 称 ” 以 展开 显示 
所 有 的 模板 项 ,向 EditItemTemplate 模板 项 设置 一 个 数据 验证 控件 RequiredFieldValidator， 
使 得 能 够 对 该 模板 项 中 的 文本 框 控件 进行 非 空 验证 ,如 图 5-31 所 示 。 类 似 地 ,将 “字段 ”对 
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图 5-29 GridView 添加 编辑 列 与 删除 列 后 的 运行 界面 


图 5-30 


MemTemplate 
| | [CTU 
屿 abel1] TtemTemplate 
AlternatingltemTemplate 
EdititemTemplate 
]| HeaderTemplate 
FooterTemplate 
EmptyDataTemplate 
PagerTemplate 
EdititemTemplate 


AlternatingitemTemplate 


GridView 编辑 状态 运行 界面 


5-31 添加 编辑 列 
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话 框 中 的 CommandField* 删 除 ” 列 也 转换 为 TemplateField 列 ,并 给 “删除 ”按钮 添加 一 个 
客户 端 事件 OnClientClick , 写 上 确认 处 理 的 JavaScript 脚本 : OnClientClick 一 "return 
confirm( "确认 要 删除 吗 ?');"。 这 样 ,执行 删除 操作 时 会 在 网 页 上 弹出 一 个 对 话 框 , 先 让 
用 户 确认 ,然后 再 删除 记录 ,以 避免 误 操作 引起 的 误 删 除 。 有 关 TemplateField 列 的 各 个 
模板 项 作用 如 表 5-13 所 示 。 


表 5-13 TemplateField 列 的 各 模板 项 说 明 


模板 属 性 


说 明 


ItemTemplate 


为 TemplateField 对 象 中 的 项 指定 要 显示 的 内 容 


AlternatingItemTemplate | 为 TemplateField 对 象 中 的 交 蔡 项 指定 要 显示 的 内 容 


EditItemTemplate 


为 TemplateField 对 象 中 处 于 编辑 模式 中 的 项 指定 要 显示 的 内 容 


JInsertItemTemplate 


为 TemplateField 对 象 中 处 于 插入 模式 中 的 项 指定 要 显示 的 内 容 。 只 有 
DetailsView 控件 支持 该 模板 


HeaderTemplate 


为 TemplateField 对 象 的 标 头 部 分 指定 要 显示 的 内 容 


FooterTemplate 


为 TemplateField 对 象 的 脚注 部 分 指定 要 显示 的 内 容 


新 闻 类 别管 理 页 NewsCategoriesManager. aspx 的 部 分 HTML 代码 如 下 所 示 。 


<% @ Page Language = "C#" MasterPageFile = " ~/Admin/Adnin. Master" AutogventWireup = "true" 
CodeBehind = "NewsCategoriesManager. aspx. cs" Inherits = "Web. Admin. NewsCategoriesManager" Title = 


"类 别管 理 ”%> 


<asp:Content ID = "Content1" ContentPlaceHolderID = "ContentPlaceHolder1" runat = "server"> 
<div id= "admin div"> 
< asp: GridView ID = " gvNewsCategories" runat = " server" DataSourceID = 
"odsNewsCategories" AutoGenerateColumns = "False" CellPadding = " 4" ForeColor = 
"#333333" GridLines = "None" AllowPaging = "True" DataKeyNames = "Id"> 
< Columns > 


<asp:BoundField DataField = "Id" HeaderText = "Id" Visible= "False" /> 
<asp:TemplateField HeaderText = "类 别名 称 "> 
< EditItemTemplate> 
<asp:TextBox ID = "txtNamel" runat = "server”Text = '<% # Bind 
("Name") %>></asp:TextBox ><asp:RequiredFieldValidator ID=" 
rfvName” runat = " server”ErrorMessage =" 类 别名 称 不 能 为 空 " 
ControlToValidate = "txtNamel"></asp:RequiredFieldValidator > 
</EditItemTemplate> 
< ItemTemplate> 
<asp:Label ID = "Labell" runat = "server" Text = '<% # Bind("Name") 
%>></asp:Label > 
</ItemTemplate> 
</asp:TemplateField> 
<asp:TemplateField ShowHeader = "False"> 
< ItemTemplate> 
<asp:LinkButton ID = "LinkButton1”runat = "server" CausesValidation = 
"False”CommandName = "Delete" 
Text = "删除 ”OnClientClick = " return confirn ( ' 确 定 要 删除 
吗 ?');"></asp:LinkButton> 
</ItemTemplate> 
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</asp: TemplateField> 
<asp:CommandField ShowEditButton = "True" /> 
</Columns> 
< RowStyle BackColor = " #F7F6F3" ForeColor = "#333333" /> 
< FooterStyle BackColor = " #5D7B9D" Font - Bold= "True" ForeColor = "White" /> 
< PagerStyle BackColor = " #284775" ForeColor = "White" HorizontalAlign = "Center" /> 
< SelectedRowStyle BackColor = "#FE2DED6" Font - Bold= "True" ForeColor = "#333333" /> 
< HeaderStyle BackColor = " #5D7B9D" Font - Bold= "True" ForeColor = "White" /> 
< EditRowStyle BackColor = "#999999" /> 
<AlternatingRowStyle BackColor = "White" ForeColor = "#284775" /> 
</asp:GridView> 
<asp: ObjectDataSource ID = " odsNewsCategories" runat = " server" SelectMethod 
"GetNewsCategories" TypeName = " NewsBLL. NewsCategoryManager" DataObjectTypeName 
"NewsModels. NewsCategory" DeleteMethod = " DeleteNewsCategory" UpdateMethod 
"ModifyNewsCategory"></asp:ObjectDataSource> 
</div> 
</asp:Content > 


新 闻 类 别管 理 页 最 终 运 行 效果 如 图 5-32 所 示 。 


oe hp//ocshost2610/ dm/Nows Cotogoie Manor 2s | S| 9 [i oo | 
ms am || 


和 RA 的 位 置 首页 > 管理 中 心 > 新 闻 管理 > 次 儿 管理 


管理 员 ， 您 好: RP | 


mei 
用 户 管理 财经 
EE 7 伟 商 
类 9 党 理 如 不 

文章 管理 
。 孝 宙 
留言 管理 科技 


要 备 事 
过 和 刚 | 旺 主 后 OA 
类 别名 称 
括 和 A 


Copyright @ 计 其 机 软件 村 术 才 二 0931 2009-2012, Al Rights Reserved. 


图 5-32 新闻 类 别管 理 页 最 终 运行 效果 


5.4.6 ”新 闻 列 表 显 示 、 删 除数 据 访问 层 与 业务 逻辑 层 的 实现 


新 闻 列 表 显 示 数 据 访问 层 与 业务 逻辑 层 的 工作 主要 就 是 对 新 闻 表 (News) 进 行 查询 
并 返回 一 个 新 闻 列 表 对 象 集合 。 

注意 : 新 闻 列表 显示 时 需要 显示 新 闻 类 别名 称 ,而 新 闻 类 别 (NewsCategoryld) 字 段 
在 新 闻 表 (News) 中 是 一 个 以 整数 形式 存在 的 外 键 , 所 以 要 显示 新 闻 类 别名 称 , 还 得 查询 
新 闻 类 别 表 (NewsCategories) 。 另 外 ,由 于 新 闻 表 的 新 闻 内 容 (Contents) 字 段 值 的 字数 
太 多 ,通常 在 新 闻 列 表 中 不 用 显示 该 字段 ,所 以 查询 时 只 取出 部 分 字段 。 还 有 ,为 了 便于 
新 闻 管 理 , 查 询 时 做 了 搜索 和 排序 功能 。 下 面 针 对 新 闻 的 列表 显示 和 删除 功能 给 出 数据 
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访问 层 与 业务 逻辑 层 中 的 实现 方法 。 

1. 新 闻 类 别管 理 数据 访问 层 、 业 务 逻 辑 层 增 加 新 方法 

在 NewsDAL 项 目的 NewsCategoryService 类 中 ,增加 一 个 根据 新 闻 类 别 Id 查询 并 
返回 新 闻 类 别 对 象 的 方法 。 实 现代 码 如 下 : 


/// < summary> 
// 根据 Id 查询 新 闻 类 别 
/// </summary> 
/// <param name = "id"> 新 闻 类 别 Id</param> 
/// <returns > 新 闻 类 别 对 象 </returns> 
public static NewsCategory GetNewsCategoryById( int id) 
‘ 
using (SqlConnection cn = new SqlConnection(connectionString)) 
{ 
cn. Open(); 
SqlCommand cm = new SqlCommand( ); 
cm. Connection = cn; 
string sql = "SELECT * FROM NewsCategories WHERE Id = @Id"; 
cm. CommandText = sql; 
cm. Parameters. AddWithValue("@Id", id); 
SqlDataReader dr = cm.ExecuteReader(); 
if (dr.Read()) 
{ 
NewsCategory newsCategory = new NewsCategory(); 
newsCategory. Id = (int)dr["Id"]; 
newsCategory. Name = (string)dr["Name"]; 
dr. Close( ); 
return newsCategory; 
} 
else 
{ 
dr. Close( ); 
return null; 


} 
在 NewsBLL 项 目的 NewsCategoryManager 类 中 ,增加 相应 方法 。 实 现代 码 如 下 : 


public static NewsCategory GetNewsCategoryById( int id) 
{ 

return NewsCategoryService. GetNewsCategoryById(id); 
. 


2. 新 闻 列 表 显 示 、 删 除数 据 访问 层 的 实现 
在 NewsDAL 项 目 中 新 建 类 文件 NewsService. cs 作为 新 闻 文 章 管理 的 数据 访问 层 ， 
在 其 中 编写 与 新 闻 列 表 显 示 和 删除 功能 有 关 的 方法 。 实 现代 码 如 下 : 
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using NewsModels; 
namespace NewsDAL 
{ 
public static class NewsService 
{ 
private static string connectionString = ConfigurationManager. ConnectionStrings 
["NewsDBConnectionString"].ConnectionString; 
/// < summary> 
/// 删除 新 闻 
/// </summary> 
/// < param name = "news"> 新 闻 对 象 </param> 
public static void DeleteNews(News news) 
{ 
using (SqlConnection cn = new SqlConnection(connectionString)) 
{ 
cn. Open(); 
SqlCommand cm = new SqlCommand(); 
cm. Connection = cn; 
string sql = "DELETE FROM News WHERE Id = @Id"; 
cm. CommandText = sql; 
cm. Parameters. AddWithValue("@Id", news. Id); 
cm. ExecuteNonQuery( ); 


} 
Hf summary> 
/// 根据 SQL 语句 返回 部 分 字段 的 新 闻 列 表 
/// </summary> 
/// < param name = "sql"> SQL 语句 </param> 
/// <returns> 新 闻 对 象 集合 </returns> 
private static IList < News > GetNewsBYSql(string sql) 
{ 
using (SqlConnection cn = new SqlConnection(connectionString)) 
{ 
cn. Open(); 
SqlCommand cm = new SqlCommand(); 
cm. Connection = cn; 
cm. CommandText = sql; 
SqlDataReader dr = cm. ExecuteReader(); 
List< News> list = new List<News>(); 
while (dr. Read()) 
{ 
News news = new News(); 
for (int i = 0; i < dr.FieldCount; i++) 
{ 
string fieldName = dr.GetName(i); 
证 (fieldName == "Id") 
news.Id = (int)dr["Id"]; 
else if (fieldName == "Title") 
news. Title = (string)dr["Title"]; 
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else if (fieldName == "Author") 

news. Ruthor = (string)dr["Author"]; 
else if (fieldName == "PubDate") 

news. PubDate = (DateTime)dr["PubDate"]; 
else if (fieldName == "Contents") 

news. Contents = (string)dr["Contents"]; 
else if (fieldName == "Clicks") 

news. Clicks = (int)dr["Clicks"]; 
else if (fieldName == "NewsCategoryId") 


{ 
news. NewsCategoryId = (int)dr["NewsCategoryId"]; 
news. NewsCategory = NewsCategoryService. GetNewsCategoryById 
((int)dr[ "NewsCategoryId" ]); 
} 
} 
list. Add(news); 
} 
dr.Close(); 


return list; 


} 

/// < summary> 

/// 根据 查询 条 件 、 排 序 字 段 、 排 序 方向 返回 包含 部 分 字段 (Id, Title, Ruthor, PubDate, 

Clicks, NewsCategoryId) 的 新 闻 列表 

/// </summary> 

/// < param name = "conditions"> 查 询 条 件 </param> 

/// < param name = "sortField"> 排 序 字 段 </param> 

/// < param name = "direction"> 排 序 方向 </param> 

/// <returns> 新 闻 对 象 集合 </returns> 
public static IList < News > GetNewsPartFieldsByConditions ( string conditions, 
string sortField, string direction) 


| 


String sql = "SELECT Id, Title, Author, PubDate, Clicks, NewsCategoryId FROM News"; 
if (conditions. Trim().Length > 0) 
{ 
sql += "WHERE " + conditions; 
} 
if (sortField. Trim().Length > 0) 
{ 
Sql += ”ORDER BY ”+ sortField; 
} 
if (direction.Trim().Length > 0) 
{ 
sql += " " + direction; 
} 
return GetNewsBySql (sql); 
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3. 新 闻 列 表 显示 、 删 除 业务 逻辑 层 的 实现 
在 NewsBLL 项 目 中 新 建 类 文件 NewsManager. cs 作为 新 闻 文 章 管理 的 业务 逻辑 
层 ,在 其 中 编写 新 闻 列 表 显 示 和 删除 的 相应 方法 。 实 现代 码 如 下 : 


using NewsModels; 
using NewsDAL; 
namespace NewsBLL 


{ 
public static class NewsManager 


{ 


public static void DeleteNews(News news) 


' 


NewsService. DeleteNews(news); 
} 
public static IList < News > GetNewsPartFieldsByConditions ( string conditions, 
string sortField, string direction) 
{ 

return NewsService. GetNewsPartFieldsByConditions(conditions, sortField, direction); 
} 


} 
5.4.7 使 用 GridView 控件 实现 新 闻 列 表 的 显示 、 删 除 


管理 员 后 台 的 新 闻 文章 管理 页 面 需要 以 列表 方式 显示 新 闻 ,同样 也 可 使 用 GridView 
控件 实现 。 与 前 面 新 闻 类 别管 理 页 面相 比 ,删除 操作 的 处 理 方法 是 一 样 的 ,在 此 不 再 歼 
述 。 不 同 之 处 在 于 , GridView 表格 里 显示 新 闻 类 别名 称 时 ,要 注意 对 外 键 对 象 
NewsCategory 的 处 理 方法 。 另 外 .GridView 表格 里 只 列 出 部 分 字段 ,新 闻 内 容 字段 通常 
放 在 新 闻 详细 页 显示 ,同时 可 在 新 闻 详细 页 做 新 闻 编 辑 功 能 (有 关 新 闻 详 细 页 设计 参见 
任务 5.6)。 还 有 ,为 了 便于 新 闻 管理 ,在 新 闻 文章 管理 页 做 了 搜索 和 排序 功能 (参见 任 
务 5.5)。 下 面 先 为 新 闻 文 章 管理 表示 层 完成 新 闻 列 表 的 显示 功能 。 

在 Web 项 目的 Admin 文件 夹 下 ,新 建 页 面 文件 NewsManager. aspx。 

使 用 GridView 控件 显示 新 闻 列 表 的 基本 步骤 如 下 : 

(1) 设置 3 个 隐藏 域 控件 。 切 换 到 “设计 ”视图 ,从 工具 箱 “ 标 准 ” 选 项 卡 向 页 面 拖 放 3 个 
HiddenField 控件 ,设置 其 ID 属性 值 分 别 为 hfSearch、hfSortField、hfDirection, 用 于 保存 
查询 条 件 .排序 字段 和 排序 方向 的 值 。 并 给 这 些 控 件 赋 初 值 ,其 Value 属性 值 分 别 设 为 
“1=1”,"Id",“DESC”, 

(2) 添加 数据 源 控件 。 向 页 面 拖 放 一 个 ObjectDataSource 控件 ,设置 其 ID 属性 值 为 
odsNews。 配 置 数据 源 时 ,指定 选择 数据 的 方法 是 业务 逻辑 层 NewsManager 类 的 
GetNewsPartFieldsByConditions() 方 法 ,用 于 获取 新 闻 数 据 。 其 查询 参数 值 来 自 3 个 隐 
藏 域 控件 ,设置 方式 如 图 5-33 所 示 。 
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conditions 。 hfsearchVvalue 
sortfield hfsortfieldValue 
direct fDirection Valu' 


方法 签名 (M): 
GetNewsPartFieldsByConditions(String conditions, String sortField, String direction) , 返回 IUst<News> 


ba | 下 :IN > | #9 


图 5-33 为 新 闻 列 表 显示 的 SELECT 方法 定义 参数 


(3) 设置 GridView 控件 各 字段 。 在 数据 源 各 字段 中 ,由 于 新 闻 类 别 字 段 是 一 个 对 象 ， 
绑 定时 用 模板 列 实现 , 绑 定 值 设 为 Text 二 "二 %# Bind("NewsCategory. Name") % 二 '; 或 者 
绑 定 值 设 为 Text = 二 ' 二 % 井 Eval("NewsCategory. Name") % 二 '。 注 意 这 里 的 
NewsCategory 是 News 类 中 构造 的 一 个 外 键 对 象 属性 ,读者 可 参照 图 5-8 中 数据 库 各 表 
之 间 的 关系 以 及 5. 1.4 小节 News 类 的 实现 代码 理解 使 用 外 键 对 象 的 NewsCategory. 
Name 形式 获得 新 闻 类 别名 称 的 方法 。 另 外 .给 GridView 设置 一 个 超 链 接 列 
HyperLinkField, 单 击 时 可 跳 转 到 新 闻 详 细 页 显示 当前 记录 的 详细 信息 。HyperLinkField 
列 的 常用 属性 如 表 5-14 所 示 。 

表 5-14 HyperLinkField 列 的 常用 属性 
属 性 说 明 

获取 或 设置 数据 源 中 字段 的 名 称 , 用 于 为 HyperLinkField 对 象 中 的 
超 链接 构造 URL 
获取 或 设置 用 于 指定 格式 的 字符 串 , HyperLinkField 对 象 中 的 超 链 
接 的 URL 将 以 此 格式 呈现 
获取 或 设置 数据 源 中 的 字段 的 名 称 ,此 名 称 包含 要 为 HyperLinkField 


DataNavigateUrlFields 


DataNavigateUrlFormatString 


DataTextField 


对 象 中 的 超 链接 标题 显示 的 文本 

ete dom 获取 或 设置 用 于 指定 格式 的 字符 串 , HyperLinkField 对 象 中 的 超 链 
接 标题 将 以 此 格式 显示 

Text 获取 或 设置 要 为 HyperLinkField 对 象 中 的 每 个 超 链接 显示 的 文本 


99 


| 四 加 动 网 站 于 必 开 目 化 教程 第 2 版 ) 


新 闻 文 章 管理 页 NewsManager. aspx 的 部 分 HTML 代码 如 下 所 示 。 


<asp:HiddenField ID = "hfSortField" runat = "server" Value = "Id" /> 
<asp:HiddenField ID = "hfDirection" runat = "server" Value = "DESC" /> 
<asp:HiddenField ID = "hfSearch" runat = "server" Value= "1=1" /> 
<asp:GridView ID = "gvNews" runat = "server" AutoGenerateColumns = "False" DataSourceID = 
"odsNews" DataKeyNames = "Id" AllowPaging = "True"> 
< Columns > 
<asp:BoundField DataField= "Id" HeaderText = "Id" Visible = "False" /> 
<asp:BoundField DataField= "Title" HeaderText = "标题 " /> 
<asp:BoundField DataField = "Ruthor" HeaderText = "作者 " /> 
<asp:BoundField DataField = "PubDate" HeaderText = "日 期 " /> 
<asp:BoundField DataField = "Clicks" HeaderText = "浏览 次 数 " /> 
<asp:TemplateField HeaderText = "类 别 "> 
< ItemTemplate> 
<asp:Label ID = "Labell" runat = " server" Text = '<$% # Bind( "NewsCategory. 
Name") %>></asp:Label > 
</ItemTemplate> 
</asp:TemplateField> 
<asp:TemplateField ShowHeader = "False"> 
< ItemTemplate> 
<asp:LinkButton ID = "LinkButton1”runat = "server" CausesValidation = "False" 
CommandName = "Delete" Text = "删除 ”OnClientClick = "return confirm( ' 确 认 要 
删除 吗 ? ') ; "></asp:LinkButton> 
</ItemTemplate> 
</asp:TemplateField> 
<asp:HyperLinkField Text = "详细 " DataNavigateUrlFields = "Id" DataNavigateUrlFormat- 
String = "EditNews. aspx?Id= {0}" /> 
</Columns > 
</asp:GridView> 
< asp:ObjectDataSource ID = "odsNews" runat = "server" DataObjectTypeName = "NewsModels. News" 
DeleteMethod = " DeleteNews" SelectMethod = "GetNewsPartFieldsByConditions" TypeName = " NewsBLL. 
NewsManager"> 
< SelectParameters> 
<asp: ControlParameter ControlID = "hfSearch" Name = "conditions" PropertyName = 
"Value" 
Type = "String" /> 
<asp:ControlParameter ControlID = "hfSortField" Name = "sortField" PropertyName = 
"Value" 
TYpe = "String" /> 
<asp:ControlParameter ControlID = "hfDirection" Name = "direction" PropertyName = 


"Value" 
Type = "String" /> 
</SelectParameters> 


</asp:ObjectDataSource> 


用 GridView 控件 显示 新 闻 列 表 运 行 效果 如 图 5-34 所 示 。 
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浏览 次 数 。 类 别 


青木 2009/8/19 14:51:20 

乔 人 臣 2009/8/19 14:40:52 

有 由 2009/7/2 15:00:00 
留学 要 以 ” we 张 凡 2009/7/2 14:49:00 
公告 牌 Hot100 单 曲 榜 50 周 年 叶 营 2009/7/2 11:01:00 


亿 冰 河 世纪 3 沙 香 涯 首 映 tungstar 2009/7/2 10:40:00 
中 国 妇 队 跻身 接力 志 守 Belldandy 2009/7/2 10:39:00 
| 王 卓 2009/7/2 10:38:00 

2009/7/2 10:37:00 

2009/7/2 10:35:00 


匿 医 医 医 江 区 攻 区 医 攻 


5-34 用 GridView 控件 显示 新 闻 列表 运行 效果 
5.4.8 小 结 


(1) ASP.NET 4.0 极 大 地 简化 了 数据 库 访 问 , 可 以 通过 数据 源 控件 和 数据 绑 定 控件 
展示 数据 。 其 中 数据 源 控件 提供 数据 ,数据 绑 定 控件 提供 展示 。 

(2) 当 系 统 为 三 层 结构 时 ,可 以 将 中 间 层 的 多 辑 功 能 封装 到 ObjectDataSource 控件 
中 。 作 为 数据 绑 定 控件 的 数据 接口 ,可 以 在 ObjectDataSource 控件 中 定义 查询 .更 新 、 捅 
和 删除 等 方法 , 供 数 据 绑 定 控件 调用 ,使 这 些 控 件 在 ASP.NET 网 页 上 显示 和 编辑 中 间 
层 业 务 对 象 中 的 数据 。 

(3) 在 使 用 实体 类 开发 三 层 结 构 , 且 用 户 的 请 求 需要 返回 实体 对 象 集合 时 ,可 使 用 
List<T 二 实现 。 

(4) GridView 控件 按照 数据 源 中 的 一 行 显示 为 输出 表 中 的 一 行 的 规则 以 表 的 形式 
显示 数据 ,并 提供 分 页 以 及 编辑 或 删除 单个 记录 等 功能 。 

(5) 数据 绑 定 控件 的 模板 列 可 用 于 显示 用 户 自 定义 内 容 。 它 有 两 种 添加 方式 : 直接 
添加 或 者 将 现 有 字段 转换 为 TemplateField。 


5.4.9 思考 与 练习 


1. 用 ObjectDataSource 控件 和 GridView 控件 实现 管理 员 后 台 用 户 管理 列表 显示 。 
2. 用 ObjectDataSource 控件 和 GridView 控件 实现 管理 员 后 台 留 言 管理 列表 显示 。 


任务 5.5 使 用 DropDownList 控件 
分 类 显示 新 闻 
任务 目标 


(1) 会 用 DropDownList 控件 绑 定 到 数据 源 显 示 数 据 。 
(2) 会 构造 复合 查询 条 件 进 行 数据 查询 。 


5.5.1 DropDownList 控件 简介 


DropDownList 控件 是 常用 的 数据 绑 定 控件 之 一 , 它 首先 预定 一 些 列表 项 ,允许 用 户 
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从 预定 义 的 列表 中 选择 一 项 , 除 默 认 选项 外 ,其 他 列表 项 在 用 户 单 击 下 拉 列 表 之 前 一 直 保 
持 隐藏 状态 ,而 且 不 支持 多 选 功能 。DropDownList 控件 的 常用 属性 与 事件 如 表 5-15 
所 示 。 
表 5-15 ”DropDownList 控件 的 常用 属性 与 事件 
属 性 说 上 明 
获取 或 设置 一 个 值 , 该 值 指示 当 用 户 更 改 列表 中 的 选 定 内 容 时 是 否 自动 


YoPostBack | 产生 向 服务 器 的 回 发 默认 情 况 下 是 false 

DataSource 获取 或 设置 对 象 ,数据 绑 定 控件 从 该 对 象 中 检索 其 数据 项 列表 
DataSourceID 获取 或 设置 控件 的 ID ,数据 绑 定 控件 从 该 控件 中 检索 其 数据 项 列表 
DataTextField 获取 或 设置 为 列表 项 提供 文本 内 容 的 数据 源 字段 

DataValueField 获取 或 设置 为 列表 项 提供 值 的 数据 源 字段 

Ttems 获取 列表 控件 项 的 集合 

SelectedIndex 获取 或 设置 DropDownList 控件 中 的 选 定 项 的 索引 


获取 列表 控件 中 索引 最 小 的 选 定 项 。 它 常用 的 两 个 属性 是 Text 和 Value。 
Text 用 于 获取 或 设置 项 的 显示 文本 ,Value 用 于 获取 或 设置 项 的 值 


SelectedItem 


SelectedValue 获取 列表 控件 中 选 定 项 的 值 ,或 选择 列表 控件 中 包含 指定 值 的 项 
事件 说 明 
DataBound 在 DropDownList 控件 绑 定 到 数据 源 后 发 生 
SelectedIndexChanged 当 列 表 控 件 的 选 定 项 改变 并 发 回 服务 器 时 发 生 


5.5.2 使 用 DropDownList 控件 分 类 显示 新 闻 


在 任务 5.4 中 提 到 了 新 闻 文章 管理 页 面 有 搜索 新 闻 的 功能 ,搜索 条 件 可 以 有 多 种 ,其 中 
一 种 就 是 可 按 新 闻 类 别 进行 搜索 。 可 以 这 样 来 设计 用 户 界面 ,在 页 面 上 放置 一 个 下 拉 列 表 供 
用 户 选择 新 闻 类 别 , 单 击 “ 查 询 ” 按 钮 ,可 在 GridView 控件 提供 的 新 闻 列表 中 显示 相应 的 查询 
结果 。 在 任务 5.4 中 ,已 经 完成 了 GetNewsCategories() 和 GetNewsPartFieldsByConditions() 两 
个 方法 的 数据 访问 层 及 业务 逻辑 层 的 实现 工作 ,前 者 用 于 获取 新 闻 类 别 对 象 集合 ,后 者 用 
于 根据 查询 条 件 ,排序 字段 排序 方向 返回 包含 部 分 字段 的 新 闻 对 象 集合 。 所 以 ,现在 只 
需 对 表示 层 做 一 些 改进 工作 就 行 了 ,表示 层 的 工作 分 为 以 下 两 步 来 完成 。 

1. 使 用 DropDownList 控件 显示 新 闻 类 别 

基本 步骤 如 下 : 

(1) 添加 数据 源 控件 。 打 开 任 务 5. 4 中 已 经 创建 的 页 面 NewsManager. aspx 并 切换 到 “ 设 
计 ” 视 图 ,向 页 面 拖 放 一 个 ObjectDataSource 控件 ,设置 其 ID 属性 值 为 odsNewsCategories。 
在 配置 数据 源 时 ,指定 选择 数据 的 方法 是 业务 罗 辑 层 NewsCategoryManager 类 的 
GetNewsCategories() 方 法 ,用 于 获取 新 闻 类 别 数据 。 

(2) 添加 DropDownList 控件 。 向 设计 窗 体 拖 放 一 个 DropDownList 控件 ,设置 其 ID 属 
性 值 为 ddlNewsCategorySearch。 单 击 DropDownList 控件 右上 角 的 小 三 角 按钮 ,然后 在 打开 
的 下 拉 列 表 中 选择 “选择 数据 源 ” 选 项 ,弹出 “数据 源 配置 向 导 ” 对 话 框 ,在 “选择 数据 源 ” 
下 拉 列 表 中 选择 odsNewsCategories 选项 ,在 “选择 要 在 DropDownList 控件 中 显示 的 数 
据 字段 "下 拉 列 表 中 选择 Name 选项 .在 “为 DropDownList 的 值 选择 数据 字段 ?下 拉 列 
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表 中 选择 Id 选项 ,如 图 5-35 所 示 。 或 者 将 ddlNewsCategorySearch 的 DataSourceID 属 
性 值 设置 为 odsNewsCategories, DataTextField 属性 值 设 置 为 Name,DataValueField 属性 值 
设置 为 Id 完成 相同 功能 。 这 样 , 就 实现 了 DropDownList 控件 的 数据 绑 定 。 运 行程 序 , 可 看 
到 新 闻 类 别 表 (NewsCategories) 中 的 数据 已 经 显示 在 DropDownList 控件 上 了 。 


过 过 下 据 源 (9): 
迁 怪 要 在 DropDownlist 中 显示 的 数据 字段 (E): 
~ 
为 propDowntist 的 信 夺 择 数据 字 息 (CO: 

可 
恒 尝 构 


图 5-35 为 DropDownList 控件 选择 数据 源 


(3) 为 了 给 下 拉 列 表 再 增加 一 个 “全 部 ”选项 ,可 在 News- 
Manager. aspx. cs 中 编写 ddlNewsCategorySearch_DataBound 
事件 代码 进行 动态 绑 定 。 页 面 运行 后 的 新 闻 类 别 下 拉 列 表 如 
图 5-36 所 示 。 

2. 构造 复合 查询 条 件 实现 新 闻 查 询 

基本 步骤 如 下 : 图 5-36 用 DropDownList 

(1) 设置 查询 输入 控件 。 设 计 如 图 5-37 所 示 的 新 闻 文章 ”控件 显示 新 闻 关 别 列表 
管理 页 界面 ,新 闻 的 查询 方式 分 为 可 按 类 别 , 标 题 ,作者 起 止 。 地 和 办 而 
日 期 等 条 件 进 行 组 合 查询 。 其 中 ,类 别 用 前 面 已 经 完成 的 DropDownList 控件 选择 , 标 
题 , 作 者 用 TextBox 控件 输入 ,起 止 日 期 用 TextBox 控件 结合 第 三 方 控 件 
My97DatePicker 输 入 。My97DatePicker 的 使 用 可 参考 任务 4. 2。 将 下 载 的 整个 
My97DatePicker 文件 夹 放 到 Web 项 目 根 目 录 中 ,在 页 面 中 的 引用 方式 参见 下 面 的 
HTML 代码 。 

(2) 编写 查询 事件 。 在 “查询 ”按钮 btnSearch 的 Click 事件 中 编写 代码 构造 复合 查 
询 条 件 ,并 以 字符 串 形式 保存 在 隐藏 域 控件 hfSearch 中 。 

改进 后 的 新 闻 文 章 管理 页 NewsManager. aspx 的 关键 HTML 代码 如 下 所 示 。 
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伯 据 证 国 


HiddenField - hfsortfield | HiddenField - hfoirection | ‘HiddenField - hfsearch 


这 祭 丰 首富 | | 雯 Md |, 
日 期 “浏览 次 数 ”类别 

做 据 绑 定数 据 绑 定数 据 绑 定数 据 绑 定 数据 绑 定 删除 详细 | 
做 据 绑 定数 据 绑 定数 据 绑 定数 据 绑 定 数据 绑 定 删 除 详 细 | 
做 据 绑 定数 据 绑 定数 据 绑 定数 据 绑 定 数据 绑 定 册 除 详细 | 
做 据 绑 定数 据 绑 定数 据 绑 定数 据 绑 定 数据 绑 定 册 除 详细 
做 据 绑 定数 据 绑 定数 据 绑 定数 据 绑 定 数据 绑 定 册 除 详细 
做 据 绑 定数 据 绑 定数 据 绑 定数 据 绑 定 数据 绑 定 删除 详细 
做 据 绑 定数 据 绑 定数 据 绑 定数 据 绑 定 数据 绑 定 删 除 详细 | 
做 据 绑 定数 据 绑 定 数据 绑 定 数据 绑 定 数据 绑 定 删 除 详细 | 
做 据 绑 定数 据 绑 定数 据 绑 定数 据 顷 定 数据 绑 定 删除 详细 | 
做 据 绑 定数 据 绑 定数 据 绑 定 数据 绑 定 数据 绑 定 删除 详细 
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[objectDatasource - odsNews 
Foyeapatasouree -ceevscaiagonis| 


图 5-37 新 闻 文章 管理 页 设计 视图 


<% @ Page Language = "C#" MasterPageFile = " ~/Admin/Admin. Master" AutoEventWireup = 
"true" CodeBehind = "NewsManager. aspx. cs"” Inherits = "Web. Admin. NewsManager" Title = "文章 
管理 "”%> 
<asp:Content ID = "Content1" ContentPlaceHolderID = "ContentPlaceHolderl1" runat = "server"> 
< script language = " javascript" type = " text/javascript" src = "../My97DatePicker/ 
WdatePicker. js"></script > 
<table> 
<tr><th rowspan = "3"> 查 询 方式 : </th> 
<td> 类 别 </td> 
< td colspan = "4"> 
<asp:DropDownList ID = "ddlNewsCategorySearch" runat = " server”DataSourceID = 
"odsNewsCategories" DataTextField = " Name" DataValueField = ”Id" 
OnDataBound = "ddlNewsCategorySearch_DataBound"></asp:DropDownList ></td> 
</tr> 
<tr><td> 标 题 </td> 
<td><asp:TextBox ID = "txtTitleSearch" runat = "server"></asp:TextBox ></td> 
<td> 作 者 </td> 
< td>< asp:TextBox ID = "txtAuthorSearch" runat = "server"></asp:TextBox ></td> 
<td></td></tr> 
<tr><td> 日 期 </td> 
<td >< asp:TextBox ID = "txtStartTime" runat = "server" CssClass = "Wdate" 
‘onClick = "WdatePicker( {dateFmt: 'yyyy — MM — dd HH: mm: ss'})"></asp: TextBox > 
</td> 
Ed 
<td>< asp:TextBox ID = "txtEndTime" runat = "server" CssClass = "Wdate" onClick= 
"WdatePicker( {dateFmt: 'yyyy — MM — dd HH:mm:ss'})"></asp:TextBox ></td> 
<td><asp: Button ID = "btnSearch"” runat = "server" Text = "查询 " OnClick = 
"btnSearch Click" /></td></tr> 
<tr><th> 排 序 方式 : </th> 
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<td colspan = "2"><asp:Button ID = "btnTitleSort" runat = "server"”Text = " 按 标 
题 升 序 " OnClick = "btnTitleSort_Click" />|< asp:Button ID = "btnPubDateSort" 
runat = "server”Text = " 按 日 期 升序 " OnClick = "btnPubDateSort_Click" /> </ 
td> 

<td><asp:HiddenField ID = "hfSortField" runat = "server" Value = "Id" /></td> 

< td><asp:HiddenField ID = "hfDirection" runat = "server" Value = "DESC" /></td> 

<td><asp:HiddenField ID = "hfSearch" runat = "server" Value= "1=1" /></td> 
</tr> 


</table> 
<div id= "admin div"> 
<asp:GridView ID = "gvNews" runat = "server" AutoGenerateColumns = "False" DataSourceID = 
"odsNews" DataKeyNames = "Id" AllowPaging = "True"> 
< -一 此 处 代码 省 略 ,参见 任务 5.4 一 - %> 
</asp:GridView> 
<asp:ObjectDataSource ID = "odsNews" runat = "server" DataObjectTypeName = "NewsModels. 
News" DeleteMethod = " DeleteNews" SelectMethod = " GetNewsPartFieldsByConditions" 
‘TypeName = "NewsBLL. NewsManager"> 
<% 一 此 处 代码 省 略 ,参见 任务 5.4 一- %> 
</asp:ObjectDataSource> 
<asp: ObjectDataSource ID = " odsNewsCategories" runat = " server " SelectMethod = 
"GetNewsCategories" TypeName = "NewsBLL. NewsCategoryManager"></asp:ObjectDataSource> 
</div> 
</asp:Content > 


NewsManager. aspx. cs 的 代码 如 下 所 示 。 


namespace Web. Admin 


{ 
public partial class NewsManager : System. Web.UI.Page 
{ 
protected void Page Load(object sender, EventArgs e) 
{ 
if (!IsPostBack) 
{ 
ViewState[ "TitleClick"] = "0"; 
ViewState[ "PubDateClick"] = "0"; 
} 
} 


protected void btnSearch Click(object sender, EventArgs e) 
{ 
if (Page. IsValid) 
{ 
if (txtStartTime. Text != "") 
{ 
try 
{ 
Convert. ToDateTime( txtStartTime. Text); 
} 
catch (Exception) 
{ 
Common. Message. RegScript(this, "日 期 格式 错误 !"); 


return; 
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} 
} 
证 (txtEndTime. Text != "") 
{ 
try 
{ 
Convert. ToDateTime(txtEndTime. Text); 
} 
catch (Exception) 
{ 
Common. Message. RegScript(this, "日 期 格式 错误 !"); 
return; 
} 
} 
if (ddlNewsCategorySearch. SelectedIndex == 0) 
{ 
证 (txtStartTime. Text == "") 
{ 
if (txtEndTime. Text == "") 
{ 
hfSearch. Value = "Title LIKE '%" + txtTitleSearch. Text. 
Trim() + "% 'AND Author LIKE '%" + txtAuthorSearch. Text. 
Trim() + "和 
} 
else 
{ 
hfSearch. Value = "Title LIKE '%" + txtTitleSearch. Text.Trim() + 
"%'AND Author LIKE '%" + txtAuthorSearch. Text.Trim() + "%' 
RND PubDate <= '" + txtEndTime. Text.Trim() + " 
} 
} 
else 
{ 
if (txtEndTime. Text == "") 
{ 
hfSearch. Value = "Title LIKE '%" + txtTitleSearch. Text.Trim() + 
"% "AND Author LIKE '%" + txtAuthorSearch. Text.Trim() + "S$ 
RND PubDate> = '" + txtStartTime. Text.Trim() + ""™; 
} 
else 
{ 
hfSearch. Value = "Title LIKE '%" + txtTitleSearch. Text. 
Trim() + "% 'AND Author LIKE '%" + txtAuthorSearch. Text. 
Trim() + "%'AND PubDate>='" + txtStartTime.Text.Trim() + 
"'AND PubDate<= '" + txtEndTime.Text.Trim() + "'"; 
} 
} 
} 
else 
{ 
证 (txtStartTime. T == "") 
{ 
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if (txtEndTime. Text == "") 


{ 


hfSearch. Value = "NewsCategoryId = ”+ ddlNewsCategorySearch. 
SelectedValue + ”RND Title LIKE '%" + txtTitleSearch. 
Text. Trim() + "% 'AND Ruthor LIKE '%" + txtAuthorSearch. 
Text, Trin() + "®"™; 


} 
else 
{ 
hfSearch. Value = "NewsCategoryId = ”+ ddlNewsCategorySearch. 
SelectedValue + ”RND Title LIKE '%" + txtTitleSearch. 
Text. Trim() + "% 'AND Ruthor LIKE '%" + txtAuthorSearch. 
Text. Trim() + "多 'AND PubDate <= '" + txtEndTime. Text. 
Teia() + "™; 
} 
} 
else 


{ 


if (txtEndTime. Text == "") 


{ 


hfSearch. Value = "NewsCategoryId = ”+ ddlNewsCategorySearch. 
SelectedValue + " AND Title LIKE '%" + txtTitleSearch. 
Text. Trim() + "% 'AND Author LIKE '%" + txtAuthorSearch. 
Text. Trim() + "% 'AND PubDate >='" + txtStartTime. Text. 
Trin() + ""; 


} 

else 

{ 
hfSearch. Value = "NewsCategoryId = ”+ ddlNewsCategorySearch. 
SelectedValue + " AND Title LIKE '%" + txtTitleSearch. 
Text. Trim() + "% 'AND Author LIKE '%" + txtAuthorSearch. 
Text. Trim() + "% 'AND PubDate > = '”+ txtStartTime. Text. 
‘Trim() + "'AND PubDate<= '" + txtEndTime. Text.Trim() + ""™; 

} 


} 


protected void ddlNewsCategorySearch_DataBound(object sender, EventArgs e) 


{ 
ListItem item = new ListItem(" 全 部 ", "一 1"); 
ddlNewsCategorySearch. Items. Insert(0, item); 
} 
protected void btnTitleSort Click(object sender, EventArgs e) 
{ 
hfSortField. Value = "Title"; 
if (ViewState["TitleClick"].ToString() == "0") 
{ 
ViewState[ "TitleClick"] = "1"; 
hfDirection. Value = "ASC"; 
btnTitleSort. Text =" 按 标题 降序 "; 
} 
else if (ViewState["TitleClick"].ToString() == "1") 
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ViewState[ "TitleClick"] 
hfDirection. Value = "DESC"; 
btnTitleSort. Text =" 按 标题 升序 "; 


} 


protected void btnPubDateSort Click(object sender, EventArgs e) 


l 
hfSortField. Value = 


"PubDate"; 


证 (ViewState["PubDateClick"]. Tostring() == "0") 


{ 


ViewState[ "PubDateClick"] = 


hfDirection. Value = 


"ASC"; 
; 


1" 


btnPubDateSort. Text = " 按 日 期 降序 "; 


} 


else if (ViewState["PubDateClick"].ToString() == "1") 


{ 


ViewState[ "PubDateClick"] = "0" 


了 了 


hfDirection. Value = "DESC" 
btnPubDateSort.Text = " 按 日 期 升序 "; 
} 
} 
3 
} 
新 闻 文 章 管理 页 最 终 运行 效果 如 图 5-38 所 示 。 


GO fe wp/ocahost2671 Vadmn mews Manager aspr 


»[B[s [x ey coooe 
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你 现在 的 位 置 : 首页 > 管理 中 心 > 宁可 管 理 > 文章 管理 
管理 员 ， 你 好 ! 管理 平台 
已 管理 员 控制 面板 内 别 全 部 区 |] 
en wm i 
日 
类别 管理 GE] 一 EL 
文章 和 天 排序 方式 :「 按 标 是 升序 | | | 技 呈 区 升序 
-ri 作者 ED EREZI 
膏 四 届 “ 职场 之 星 “ 售 所 术 了 大 容 Ea 2009/8/19 14:51:20 4 [3 
te Rt 天 2009/8/19 14:40:52 2 各 册 最 。 放 组 
吴 喀 2009/7/2 15:00:00 o 于 经 。 及 3 计 组 
张 内 2009/7/2 14:49:00 o 区 本。 详 姐 
公告 垢 Hot100 单 由 笠 50 周 年 时 要 2009/7/2 11:01:00 o 把 乐 。 详细 
《冰河 世纪 3 香 类 首 时 tungstar = 2009/7/2 10:40:00 o | 
中 国 妇 队 中 身 接力 守 Belldandy C2009/7/2 10:39:00 o [| 
盘点 新 人 纪 网 二 10$ 门 了 2009/7/2 10:38:00 休 育 。 中 谤 组 
多 禾 上 市 恨 行 已 起 攻守 成 全 年 信贷 目标 二 20091712 10:37:00 这 外 
中 国 “于 ) 国际 全 中博 交 全 开幕 2009/7/2 10:35:00 0 中。 话 组 
Copyright 合计 算 机 软件 技术 专业 0931 2009-2012, All Rights Reserved. 
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5.5.3 小 结 


(1) DropDownList 控件 可 结合 数据 源 控 件 进行 数据 绑 定 。 其 两 个 重要 属性 : Data- 
TextField 控件 用 于 获取 或 设置 为 列表 项 提供 文本 内 容 的 数据 源 字 段 ; DataValueField 
控件 用 于 获取 或 设置 为 列表 项 提供 值 的 数据 源 字段 。 

(2) 构造 模糊 查询 的 格式 为 : SELECT 字段 列表 FROM 表 名 WHERE 字段 名 
LIKE ' 字 符 串 '。 


5.5.4 思考 与 练习 


1. 如 何 通过 程序 控制 动态 地 为 DropDownList 控件 增加 列表 项 ? 
2. 完成 管理 员 后 台 用 户 管理 页 的 搜索 和 排序 功能 。 
3. 完成 管理 员 后 台 留 言 管理 页 的 搜索 和 排序 功能 。 


任务 5.6 使 用 DetailsView 控件 实现 
新 闻 详 细 显 示 
任务 目标 


(1) 会 用 DetailsView 控件 显示 插入、 编辑 数据 。 
(2) 会 用 FCKeditor 控件 实现 HTML 文本 格式 设置 ,图片 上传。 


5.6.1 DetailsView 控件 简介 


顾名思义 ,DetailsView 控件 是 用 于 查看 细节 信息 的 控件 ,通常 用 在 主 /从 方案 里 。 在 
这 种 方案 下 , 主 控件 (如 GridView 控件 ) 中 的 所 选 记录 决定 了 DetailsView 控件 显示 的 
记录 。 

DetailsView 控件 与 GridView 控件 一 样 都 继承 于 CompositeDataBoundControl 类 ， 
因此 它们 具有 很 多 共同 的 属性 ,但 也 有 所 不 同 。 

DetailsView 控件 与 GridView 控件 都 以 表格 方式 显示 数据 。GridView 控件 是 面向 整个 
记录 集合 的 ,而 DetailsView 控件 则 是 面向 单条 记录 的 。 在 DetailsView 控件 的 界面 中 每 次 
只 能 显示 一 条 记录 ,而 且 内 容 按照 垂直 方向 排列 ( 即 表格 的 每 一 行 显示 记录 的 一 个 字段 ) 。 
在 查询 中 若 出 现 多 条 符合 条 件 的 记录 时 ,DetailsView 控件 将 以 分 页 显示 的 方法 处 理 。 

GridView 控件 没有 提供 数据 插入 功能 .但 DetailsView 控件 却 弥补 了 这 个 不 足 。 
DetailsView 控件 不 仅 可 以 显示 与 它 相关 联 数据 源 中 的 一 条 记录 ,而 且 还 可 以 编辑 插入 
或 删除 记录 。DetailsView 控件 的 常用 属性 与 事件 如 表 5-16 所 示 。 

表 5-16 DetailsView 控件 的 常用 属性 与 事件 
属 性 说 明 


获取 或 设置 一 个 值 ,该 值 指示 对 应 于 数据 源 中 每 个 字段 的 行 字段 是 否 自 
动 生成 并 在 DetailsView 控件 中 显示 


AutoGenerateRows 


109 


ASP NET 动 态 网 站 开发 项 目 化 教程 第 2 版 ) 


续 表 
属 性 说 明 
CurrentMode 获取 DetailsView 控件 的 当前 数据 输入 模式 
ER 获取 或 设置 DetailsView 控件 的 默认 数据 输入 模式 。 该 属性 为 枚 举 值 , 包 
括 ReadOnly( 显 示 )、Edit( 编 辑 ) Insert( 插 人) 
DataKeyNames 获取 或 设置 一 个 数组 ,该 数组 包含 数据 源 的 键 字段 的 名 称 
DataSource 获取 或 设置 对 象 ,数据 绑 定 控件 从 该 对 象 中 检索 其 数据 项 列表 
DataSourceID 获取 或 设置 控件 的 ID ,数据 绑 定 控件 从 该 控件 中 检索 其 数据 项 列表 
事 件 说 明 
DataBound 在 DetailsView 控件 完成 到 数据 源 的 绑 定 后 发 生 
ItemDeleting 单 击 DetailsView 控件 中 的 “删除 ”按钮 时 ,在 删除 记录 之 前 发 生 
TtemDeleted 单 击 DetailsView 控件 中 的 “删除 ”按钮 时 ,在 删除 记录 之 后 发 生 
TtemlInserting 单 击 DetailsView 控件 中 的 “插入 ”按钮 时 ,在 插入 记录 之 前 发 生 
TtemInserted 单 击 DetailsView 控件 中 的 “插入 ”按钮 时 ,在 插入 记录 之 后 发 生 
TtemUpdating 单 击 DetailsView 控件 中 的 “更 新 ”按钮 时 ,在 更 新 记录 之 前 发 生 
ItemUpdated 单 击 DetailsView 控件 中 的 “更 新 ”按钮 时 ,在 更 新 记录 之 后 发 生 


5.6.2 新 闻 详细 显示 数据 访问 层 与 业务 逻辑 层 的 实现 


当 新 闻 详 细 显 示 时 ,数据 访问 层 与 业务 逻辑 层 要 能 实现 根据 新 闻 Id 值 从 新 闻 表 
(News) 里 查找 相应 的 新 闻 记 录 , 并 返回 一 个 新 闻 对 象 。 

1. 新 闻 详 细 显示 数据 访问 层 的 实现 

在 NewsDAL 项 目的 NewsService 类 中 增加 如 下 代码 。 


/// < summary> 
/// 根据 ID 查询 新 闻 
/// </summary> 
/// <param name = "id"> 新 闻 Id</param> 
/// <returns > 新 闻 对 象 </returns> 
public static News GetNewsById( int id) 
{ 
using (SqlConnection cn = new SqlConnection(connectionString)) 
cn. Open(); 
SqlCommand cm = new SqlCommand( ); 
cm. Connection = cn; 
string sql = "SELECT * FROM News WHERE Id = @Id"; 
cm. CommandText = sql; 
cm. Parameters. AddWithValue("@Id", id); 
SqlDataReader dr = cm. ExecuteReader(); 
if (dr.Read()) 
{ 
News news = new News(); 
news.Id = (int)dr["Id"]; 
news. Title = (string)dr["Title"]; 
news. Author = (string)dr["Author"]; 
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news. PubDate = (DateTime)dr["PubDate" ]; 

news.Contents = (string)dr["Contents"]; 

news.Clicks = (int)dr["Clicks"]; 

news. NewsCategoryId = (int)dr["NewsCategoryId"]; 

news. NewsCategory = NewsCategoryService. GetNewsCategoryById (( int ) dr 
["NewsCategoryId" ] ) ; 

dr. Close( ); 

return news; 


} 


else 


{ 
dr. Close( ); 
return null; 


} 


2. 新 闻 详细 显示 业务 逻辑 层 的 实现 

在 NewsBLL 项 目的 NewsManager 类 中 增加 如 下 代码 。 
public static News GetNewsById( int id) 

{ 


return NewsService. GetNewsById( id); 


} 
5.6.3 使 用 DetailsView 控件 实现 管理 员 后 台新 闻 详 细 显 示 


在 任务 5. 4 的 新 闻 文 章 管理 页 NewsManager. aspx 中 ,使 用 GridView 控件 实现 了 
新 闻 列 表 显 示 。 列 表 中 有 个 显示 为 “详细 ”的 HyperLinkField 列 , 它 是 用 于 指向 新 闻 详 细 
页 的 链接 。 单 击 “ 详 细 ” 超 链接 ,可 跳 转 到 新 闻 详 细 页 ,同时 还 将 当前 新 闻 记 录 的 ID 值 随 
URL 地 址 一 起 传递 过 去 。 下 面 来 编写 新 闻 详 细 页 面 。 由 于 DetailsView 控件 可 以 显示 
数据 库 中 单条 记录 的 详细 信息 ,所 以 可 使 用 该 控件 完成 新 闻 详 细 页 面 。 在 新 闻 详细 页 中 ， 
先 根据 由 NewsManager. aspx 页 传递 过 来 的 新 闻 ID 值 从 新 闻 表 (News) 里 查找 相应 的 新 
闻 记 录 , 再 用 DetailsView 控件 显示 该 新 闻 记 录 的 所 有 字段 信息 。 

在 Web 项 目的 Admin 文件 夹 下 .新建 页 面 文件 EditNews. aspx。 

使 用 DetailsView 控件 显示 新 闻 详 细 信 息 的 基本 步骤 如 下 : 

(1) 添加 数据 源 控件 。 切 换 到 “设计 ”视图 ,向 页 面 拖 放 一 个 ObjectDataSource 控件 ， 
设置 其 ID 属性 值 为 odsNews。 在 配置 数据 源 时 ,指定 选择 数据 的 方法 是 业务 逻辑 层 
NewsManager 类 的 GetNewsById() 方 法 ,用 于 获取 新 闻 详 细 数据 。 其 查询 参数 值 来 自 查 
询 字 符 串 ,设置 方式 如 图 5-39 所 示 。 

(2) 添加 DetailsView 控件 。 将 工具 箱 “ 数 据 ” 选 项 卡 中 的 DetailsView 控件 拖 放 到 
页 面 中 ,设置 DetailsView 控件 的 ID 属性 值 为 dvNews。 单 击 DetailsView 控件 右上 角 的 
小 三 角 按 钮 打开 DetailsView 任务 菜单 ,在 “选择 数据 源 ” 下 拉 列 表 中 选择 数据 源 
odsNews ,将 数据 源 绑 定 到 DetailsView 控件 。 在 DatailsView 任务 菜单 中 ,选择 “编辑 字 
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方法 签名 (M): 
GetNewsByld(Int32 id) , 返回 News 


图 5-39 为 新 闻 详细 显示 的 SELECT 方法 定义 参数 


身 ”, 打开“ 字段 ”对 话 框 ,为 需要 显示 的 数据 源 中 的 字段 Id、 Title、 Author、 PubDate、 

Contents、 Clicks、NewsCategory. Name 手动 添加 7 个 BoundField 列 ,并 设置 各 个 
BoundField 列 的 DataField 属性 为 对 应 的 字段 名 ,设置 HeaderText 属性 为 中 文 标题 。 需 
要 注意 的 是 , NewsCategory 是 外 键 对 象 ,所 以 必须 将 这 个 BoundField 列 转换 成 
TemplateField 列 。 这 样 就 实现 了 DetailsView 控件 的 数据 绑 定 。 运 行 界面 如 图 5-40 所 
示 , 可 看 到 某 条 新 闻 的 详细 信息 已 经 显示 在 DetailsView 控件 上 了 。 以 下 是 生成 的 HTML 
关键 代码 。 


< asp: ObjectDataSource ID = "odsNews" runat = "server" SelectMethod = " GetNewsBYId”TYpeName = 
"NewsBLL. NewsManager" Data0bjectTYpeName = "NewsModels. News"> 
< SelectParameters> 
<asp:QueryStringParameter Name = "id" QueryStringField = "Id" TYpe = "Int32" /> 
</SelectParameters > 
</asp:ObjectDataSource> 
<asp:DetailsView ID = "dvNews" runat = "server" AutoGenerateRows = "False" DataSourceID = 
"odsNews"> 
<Fields> 
<asp:BoundField DataField = "Id" HeaderText = "Id" /> 
<asp:BoundField DataField = "Title" HeaderText = "标题 " /> 
<asp:BoundField DataField = "Author" HeaderText = "作者 " /> 
<asp:BoundField DataField = "PubDate" HeaderText = "日 期 " /> 
<asp:BoundField DataField = "Contents"” HeaderText = "内 容 " /> 
<asp:BoundField DataField = "Clicks" HeaderText = "浏览 次 数 " /> 
<asp:TemplateField HeaderText = "类 别 "> 
< EditItemTemplate> 
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<asp: TextBox ID = "TextBoxl ” runat = " server" Text = '<% # Bind 
("NewsCategory. Name" ) %>></asp:TextBox > 
</EditItemTemplate> 
< InsertItemTemplate> 
<asp: TextBox ID = " TextBoxl " runat = " server"” Text = '<% # Bind 
("NewsCategory. Name" ) %>></asp:TextBox > 
</InsertItemTemplate> 


< ItemTemplate> 
<asp:Label ID = "Label1”runat = "server" Text = '<% # Bind( "NewsCategory. 
Name") %>></asp:Label> 
</ItemTemplate> 


</asp:TemplateField> 
</Fields> 
</asp:DetailsView> 


14 
标题 “以 旧 换 新 拉 
作者 “ 吴 晓 
日 期 201172 15 


动 新 车 消费 


0000 


内 容 “全 国 现 有 黄 标 车 1800 万 辆 待 换 。 汽 车 以 日 换 新 不 仅 是 拉动 消费 的 动力 ， 也 是 为 了 环境 保护 、 节 约 资源 、 节 约 能 源 、 带 动 就 
业 等 多 方面 的 目的 ， 所 以 是 一 个 长 期 的 战略 任务 ， 发 展 空间 很 大 。 


bb 


类 别 _ 财 经 


图 5-40 用 DetailsView 控件 显示 新 闻 详 细 信 息 运行 效果 


5.6.4 新闻 编辑 、 添 加 数据 访问 层 与 业务 逻辑 层 的 实现 
1. 新 闻 编 辑 、 添 加 数据 访问 层 的 实现 


在 NewsD 


AL 项 目的 NewsService 类 中 增加 如 下 代码 。 


/// < summary> 
/// 添加 新 闻 
/// </summary> 


/// <param 
public stat: 
{ 
using ( 
{ 


cn 


name = "news"> 新 闻 对 象 </param> 
ic void AddNews( News news) 


SqlConnection cn = new SqlConnection(connectionString) ) 


.Open(); 


SqlCommand cm = new SqlCommand( ); 


em. 


.Connection = cn; 


string sql = 
"INSERT News (Title, Author, PubDate, Contents, Clicks, NewsCategoryId)" + 
"VALUES (@Title, @Author, @PubDate, @Contents, @Clicks, @NewsCategoryId)"; 


em 


cm 


cnm. 


em. 


cm 


cnm. 


cm 


.CommandText = sql; 

.Parameters. AddWithValue("@Title", news.Title); 

.Parameters. AddWithValue("(@Author", news. Author); 

. Parameters. AddWithValue( "@PubDate", news.PubDate); 

.Parameters. AddWithValue("@Contents", news.Contents); 

.Parameters. AddWithValue("@Clicks", news.Clicks); 

. Parameters. AddWithValue( "@NewsCategoryId", news. NewsCategoryId); 
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cm. ExecuteNonQuery( ); 


/// < summary> 
/// 修改 新 闻 
/// </summary> 
/// < param name = "news"> 新 闻 对 象 </param> 
public static void ModifyNews(News news) 
‘ 
using (SqlConnection cn = new SqlConnection(connectionString)) 
{ 
cn. Open(); 
SqlCommand cm = new SqlCommand(); 
cm. Connection = cn; 
string sql = 
"UPDATE News ”十 
"7" + 
"Title = @Title, " + 
"Author = @Author, " + 
"Pubpate = @PubDate, " + 
"Contents = @Contents, " + 
"Clicks = @Clicks, " + 
"NewsCategoryId = (@NewsCategoryId" + 
"WHERE Id = @Id"; 
cm. CommandText = sql; 
cm. Parameters. AddWithValue("(@Id", news. Id); 
.Parameters. AddWithValue("@Title", news.Title); 
Parameters. AddWithValue("@Author", news. Author); 
Parameters. AddWithValue( "@PubDate", news.PubDate); 
.Parameters. AddWithValue("@Contents", news.Contents); 
Parameters. AddWithValue("@Clicks", news.Clicks); 


8888888 


. ExecuteNonQuery( ); 


} 


2. 新 闻 编辑 、 添 加 业务 逻辑 层 的 实现 
在 NewsBLL 项 目的 NewsManager 类 中 增加 如 下 代码 。 


public static void AddNews(News news) 
if (news. Author == null) 
news. Author = ""; 
news. PubDate = DateTime. Now; 
news. Clicks = 0; 
NewsService. AddNews (news); 
} 
public static void ModifyNews(News news) 


t 
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if (news. Ruthor == null) 
nn, 


news. Author = 
if (news.PubDate == DateTime.MinValue) 
news. PubDate = DateTime. Now; 
NewsService. ModifyNews(news); 
} 
在 上 面 代码 中 ,对 新 闻 编辑 、 添 加 时 的 一 些 字 段 默 认 值 做 了 处 理 。 比 如 添加 一 条 新 闻 
时 ,新 闻 日 期 取 当 前 系统 日 期 ,新 闻 浏 览 次 数 设 为 0, 作者 名 为 空 时 用 空 字符 串 代替 。 


5.6.5 使 用 DetailsView 控件 实现 新 闻 编 辑 .添加 


DetailsView 控件 经 常用 于 编辑 或 插入 记录 。 所 以 可 用 DetailsView 控件 来 实现 新 
闻 系 统管 理 员 后 台 的 新 闻 编辑 与 添加 。 在 编辑 与 添加 操作 时 ,应 注意 考虑 以 下 几 点 。 

(1) 新 闻 编 号 (Id) 、 新 闻 浏览 次 数 (Clicks) 不 允许 修改 ,需要 设置 成 只 读 模 式 。 

(2) 新 闻 标题 (Title) 需 要 进行 非 空 验证 ,可 用 DetailsView 模板 列 结合 验证 控件 实现 。 

(3) 在 新 闻 日 期 (PubDate) 和 新 闻 内 容 (Contents) 输 入 时 分 别 要 用 到 第 三 方 控件 
My97DatePicker 和 FCKeditor, 所 以 这 两 列 要 转换 成 模板 列 。FCKeditor 是 一 款 非常 优 
秀 的 HTML 在 线 文本 编辑 器 ,功能 完善 ,具有 开放 的 功能 接口 ,是 目前 网 络 上 最 流行 的 
编辑 器 之 一 ,被 很 多 网 站 采用 。 在 输入 新 闻 内 容 时 ,可 用 它 进行 文本 格式 设置 上传 新 闻 
图 片 等 。 

(4) 新 闻 类 别 (NewsCategory) 输 入 需要 以 下 拉 列 表 的 形式 进行 选择 ,在 前 面 已 设 成 
模板 列 。 注 意 NewsCategory 作为 一 个 对 象 的 处 理 方式 ,以 及 进入 编辑 模式 后 对 下 拉 列 
表 初 始 选 定 项 的 处 理 , 它 应 该 为 当前 记录 的 新 闻 类 别 。 

下 面 对 页 面 文件 EditNews. aspx 中 的 DetailsView 控件 再 做 修改 。 

使 用 DetailsView 控件 编辑 .添加 新 闻 详 细 信息 的 基本 步骤 如 下 : 

(1) 为 数据 源 控件 设置 更 新 和 插入 数据 方法 。 切 换 到 “设计 ”视图 ,修改 odsNews 的 
数据 源 配置 。 在 如 图 5-41 所 示 的 对 话 框 中 ,打开 UPDATE 选项 卡 选择 ModifyNews 
(News news) 方 法 ,打开 DELETE 选项 卡 选 择 AddNews(News news) 方 法 。 

(2) 将 某 些 绑 定 列 转换 成 模板 列 。 在 DetailsView 任务 菜单 中 ,选择 “编辑 字段 " 命 
令 , 打 开 * 字 段 * 对 话 框 , 将 除 新 闻 作 者 (Author) 之 外 的 5 个 BoundField 列 转换 成 
TemplateField 列 ,NewsCategory 已 是 TemplateField 列 ,无 须 再 次 转换 。 

(3) 设置 某 些 列 为 只 读 模 式 。 将 Id、Clicks 字段 的 EditItemTemplate ,InsertItemTemplate 
项 及 PubDate 字段 的 InsertItemTemplate 项 中 自动 生成 的 TextBox 控件 删除 ,替换 成 
Label 控件 ,并 为 每 个 Label 控件 的 Text 属性 设置 绑 定 表达 式 。 以 设置 Id 字段 为 例 ,如 
图 5-42 所 示 , 单 击 EditItemTemplate 中 Label 控件 右上 角 的 小 三 角 按钮 ,在 弹出 的 下 拉 
列表 中 选择 “编辑 DataBindings” 选 项 ,在 打开 的 Label6 DataBindings 对 话 框 中 ,为 Text 
属性 设置 绑 定 表达 式 Bind("Id")。 

(4) 为 某 些 列 引用 第 三 方 控件 。 在 PubDate 字段 的 EditItemTemplate 项 中 引用 
My97DatePicker 控件 ,将 Contents 字段 的 EditItemTemplate、InsertItemTemplate 项 中 
自动 生成 的 TextBox 控件 蔡 换 成 FCKeditor 控件 。 

115 


| 名品 动 态 网 站 开发 项目 化 教程 第 2 版 ) 


JseteGu| UPDATE 


选择 要 与 UPDATE 控 作 关联 的 业务 对 象 的 方法 。 该 方法 应 当 为 数据 对 象 的 每 个 尾 性 接受 一 个 参数 , 或 者 只 接受 个 单一 参 
数 ， 即 数据 对 象 要 更 新 的 参数 . 


示例 : UpdateProduct(Product p) 或 UpdateProduct(Int32 productiD, String name, Double price) 


图 5-41 定义 数据 方法 一 一 配置 UPDATE 操作 


Fieldol -1d 
MemTemplate 远 返 要 娜 定 到 的 改 性 ， 然 后 可 通过 选择 字 积 来 刀 定 它 。 也 可 使 用 自 定义 代码 表达 式 九 定 它 。 
忠 spel5] 
为 Text 妊 定 
[ahernatingliemTemplate | 李 息 时 定 (]: 
印 定 到 (8); 
格式 (OF 
EditltemTer md 示 网 (S): 
[it mss | 
编 纺 DataBindings- 
图 自 定义 电 定 (C: 
InsertltemTemplate 代 现 才 兴工 (E): 
赎 abel7] BindCid") 
Headertemplate | 


图 5-42 为 EditItemTemplate 中 Label 控件 的 Text 属性 设置 绑 定 字段 


(5) 为 某 些 列 设置 非 空 验证 。 在 Title 字段 的 EditItemTemplate 、InsertltemTemplate 项 
各 设置 一 个 RequiredFieldValidator 控件 用 于 新 闻 标 题 输入 框 的 非 空 验证 ,在 Contents 
字段 的 EditItemTemplate、InsertItemTemplate 项 各 设置 一 个 CustomValidator 控件 及 
JavaScript 脚本 用 于 新 闻 内 容 输入 框 的 非 空 验证 。 
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(6) 处 理 对 象 列 。 向 页 面 添加 一 个 ID 名 为 odsNews 
Categories 的 ObjectDataSource 控件 用 于 获取 新 闻 类 别 
数据 , 在 NewsCategory 字段 的 EditItemTemplate、 
InsertItemTemplate 项 各 设置 一 个 DropDownList 提供 
选择 新 闻 类 别 , 用 Hidden-Field 控件 保存 编辑 模式 下 
DropDownList 的 初始 选 定 项 的 值 。 

(7) 启用 编辑 和 插入 。 在 如 图 5-43 所 示 的 
DetailsView 任务 菜单 中 选中 “启用 编辑 "和 “启用 插入 " 复 
选 框 。 

EditNews. aspx 实现 代码 如 下 : 图 5-43 ”DetailsView 任务 菜单 


<% @ Page Language = "C#" MasterPageFile = "~/Admin/Admin. Master" AutogventWireup = 
"true" CodeBehind = "EditNews. aspx. cs” Inherits = "Web. EditNews" Title= "修改 | 添加 文章 "”%> 
<% @ Register Assembly = "FredCK. FCKeditorV2" Namespace = "FredCK. FCKeditorV2" TagPrefix = 
"FCKeditorV2" %> 
<asp:Content ID = "Content1" ContentPlaceHolderID = "ContentPlaceHolder1" runat = "server"> 
<script language = " javascript" type = " text/javascript" src = "../My97DatePicker/ 
WdatePicker. js"></script> 
< script language = "javascript" type= "text/javascript"> 
var oEditer; 
function CustomValidate( source, arguments) 
{ 
var value = oEditer.GetXHTML(true); 
if(value == "") 


{ 


arguments. IsValid = false; 


} 

else 

{ 

arguments. IsValid = true; 

} 
function FCKeditor OnComplete(editorInstance) 
{ 

ogditer = editorInstance; 
} 
</script> 


<asp: DetailsView ID = "dvNews" runat = "server" AutoGenerateRows = " False”DataSourceID = 
"odsNews" OnDataBound = " dvNews _ DataBound" OnItemUpdating = ”dvNews _ ItemUpdating" 
OnItemInserted = "dvNews_ItemInserted"> 


<Fields> 
<asp:TemplateField HeaderText = "Id"> 
<EditIitemTemplate> 
<asp:Label ID= "Label6" runat = "server" Text = '<%# Bind("Id") %>'> 
</asp:Label > 
</EditItemTemplate> 
< InsertItemTemplate> 
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<asp:Label ID = "Label7" runat = " server”Text = '<%# Bind("Id") %>> 
</asp:Label > 
</InsertItemTemplate> 
< ItemTemplate> 
<asp:Label ID = "Label5" runat = " server”Text = '<%# Bind("Id") %>> 
</asp:Label> 
</ItemTemplate> 
</asp:TemplateField> 
<asp:TemplateField HeaderText = "标题 "> 
<EditItemTemplate> 
<asp:TextBox ID = "txtTitlel" runat = "server" Text = ‘<$%# Bind("Title") 
%>></asp:TextBox > 
<asp: RequiredFieldValidator ID = "RequiredFieldValidatorl" runat = 
"server"” ErrorMessage = "标题 不 能 为 空 ”ControlToValidate =" 
txtTitlel"></asp:RequiredField- 
Validator > 
</EditItemTemplate> 
< InsertItemTemplate> 
<asp:TextBox ID = "txtTitle2" runat = "server" Text = <$%# Bind("Title" ) 
第 >></asp:TExtBox > 
<asp: RequiredFieldValidator ID = " RequiredFieldValidator2 "” runat = 
"server” ErrorMessage = "标题 不 能 为 空 ”ControlTbValidate = " 
txtTitle2"></asp:RequiredField- 
Validator > 
</InsertItemTemplate> 
< ItemTemplate > 
<asp:Label ID = "Label3" runat = "server" Text = <% # Bind("Title") %>></ 
asp:Label> 
</ItemTemplate> 
</asp:TemplateField> 
<asp:BoundField DataField = "Ruthor" HeaderText = "作者 " /> 
<asp:TemplateField HeaderText = "日 期 "> 
< EditItemTemplate> 
<asp: TextBox ID = "txtPubDate” runat = " server" Text = '<% # Bind 
("PubDate") %>'CssClass= "Wdate" onClick = "WdatePicker( {dateFmt: 'yyyy 
— MM— dd HH: mm: ss'})"></asp: TextBox > 
</EditItemTemplate> 
< InsertItemTemplate> 
<asp:Label ID = "lblPubDate" runat = " server" Text = '<% # System. 
DateTime. Now %>></asp:Label > 
</InsertItemTemplate> 
< ItemTemplate> 
<asp: Label ID = " Label4" runat = " server" Text = '<% # Bind 
("PubDate") %>></asp:Label> 
</ItemTemplate> 
</asp:TemplateField> 
<asp:TemplateField HeaderText = "内 容 "> 
< EditItemTemplate> 
<FCKeditorV2:FCKeditor ID = "FCKeditorl" runat = " server" Value = 
'<%# Bind("Contents") %>'></FCKeditorV2:FCKeditor> 
< asp: CustomValidator ID = "CustomValidatorl ”runat = " server" 
ErrorMessage = "内 容 不 能 为 空 ”ControlTbValidate = " FCKeditor1l" 
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ClientValidationFunction = "CustomValidate" ValidateEmptyText =" 
true"></asp:CustomValidator > 
</EditItemTemplate> 
< InsertItemTemplate> 
<FCKeditorV2:FCKeditor ID = " FCKeditor2" runat = " server" Value = 
‘<% # Bind("Contents") %>'></FCKeditorV2:FCKeditor> 
<asp: CustomValidator ID = " CustomValidator2" runat = " server" 
ErrorMessage =" 内容 不 能 为 空 ”ControlToValidate = "FCKeditor2" 
ClientValidationFunction = "CustomValidate" ValidateEmptyText = "true" 
></asp:CustomValidator> 
</InsertItemTemplate> 
< ItemTemplate > 
<asp: Label ID = " Labell" runat = " server" Text = '<$% # Bind 
("Contents") %>></asp:Label> 
</ItemTemplate> 
</asp:TemplateField> 
<asp:TemplateField HeaderText = "浏览 次 数 "> 
<EditItemTemplate> 
<asp:Label ID = "Label9" runat = "server" Text = '<% 井 Bind("Clicks") 
%>></asp:Label > 
</EditItenTemplate> 
< InsertItemTemplate> 
<asp:Label ID = "Label10" runat = "server" Text = '<%# 0 %>'></asp: 
Label> 
</InsertItemTemplate> 
< ItemTemplate > 
<asp:Label ID = "Label8" runat = "server" Text = '<% # Bind("Clicks") 
%>></asp:Label > 
</ItemTemplate> 
</asp:TemplateField> 
<asp:TemplateField HeaderText = "类 别 "> 
<EditItemTemplate> 
<asp:DropDownList ID = "ddlNewsCategoryl”" runat = "server" DataSourceID = 
"odsNewsCategories" DataTextField= "Name" DataValueField= "Id"> 
</asp:DropDownList > 
<asp:HiddenField ID = "hfNewsCategoryId" runat = "server" Value = '<% 
# Bind("NewsCategoryId") %>'/> 
</EditItemTemplate> 
< InsertItemTemplate> 
<asp:DropDownList ID = "ddlNewsCategory2" runat = " server”DataSourceID = 
"odsNewsCategories” DataTextField = " Name" DataValueField = " Id" 
SelectedValue = <% 井 Bind ("NewsCategoryId") %>> 
</asp:DropDownList > 
</InsertItemTemplate> 
< ItemTemplate> 
<asp:Label ID = "Label2" runat = "server" Text = '<$% # Bind("NewsCategory. 
Name") %>></asp:Label> 
</ItemTemplate> 
</asp:TemplateField> 
<asp:CommandField ShowEditButton = "True”ShowInsertButton = "True" /> 
</Fields> 
</asp:DetailsView> 
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<asp: ObjectDataSource ID = "odsNews" runat = " server" SelectMethod = "GetNewsById" 
TypeName = " NewsBLL. NewsManager" UpdateMethod = "ModifyNews" DataObjectTypeName = 
"NewsModels. News" InsertMethod = "AddNews"> 
<SelectParameters> 
<asp:QueryStringParameter Name = "id" QueryStringField= "Id" Type= "Int32" /> 
</SelectParameters> 
</asp:ObjectDataSource> 
< asp: ObjectDataSource ID = " odsNewsCategories" runat = " server" SelectMethod = 
"GetNewsCategories" TypeName = "NewsBLL. NewsCategoryManager"> 
</asp:ObjectDataSource> 
</asp:Content > 


EditNews. aspx. cs 实现 代码 如 下 : 


namespace Web 
{ 
public partial class EditNews : System. Web. UI. Page 
{ 
protected void Page Load(object sender, EventArgs e) 
{ 
} 


protected void dvNews_DataBound(object sender, EventArgs e) 
{ 
if (dvNews. CurrentMode == DetailsViewMode. Edit) 
{ 
DropDownList ddlNewsCategoryl = dvNews. FindControl("ddlNewsCategory1l") 
as DropDownList; 
HiddenField hfNewsCategoryId = dvNews. FindControl ("hfNewsCategoryId") 
as HiddenField; 
try 
{ 
ddlNewsCategoryl. SelectedValue = hfNewsCategoryId. Value. Trim(); 
ddlNewsCategoryl1. Attributes [ " onchange"] = " javascript: document. 
getElementById('" + hfNewsCategoryId. ClientID + "').value = this. 
value"; 
} 


catch { }; 


} 
// 更 新 新 闻 , 数 据 源 更 新 方法 执行 之 前 ,增加 参数 
protected void dvNews_ItemUpdating(object sender, DetailsViewUpdateEventArgs e) 
{ 
if (Page. IsValid) 
| 
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} 
} 


TextBox txtPubDate = dvNews.FindControl("txtPubDate") as TextBox; 


if (txtPubDate. Text != "") 


{ 
try 
{ 
Convert. ToDateTime( txtPubDate. Text); 
} 
catch (Exception) 
{ 
Common. Message. RegScript(this, "日 期 格式 错误 !"); 
return; 
} 
} 
// 获 得 新 闻 类 别 下 拉 列 表 的 值 
DropDownList ddlNewsCategoryl = dvNews.FindControl("ddlNewsCategoryl") 
as DropDownList; 


// 添 加 新 闻 类 别 ID 的 参数 


odsNews. UpdateParameters. Rdd("newsCategoryId"，ddlNewsCategory1. 


SelectedValue) ; 


// 添 加 成 功 后 , 跳 转 到 列表 页 
protected void dvNews_ItemInserted(object sender, DetailsViewInsertedEventArgs e) 


| 


Response. Redirect ("NewsManager. aspx" ); 


} 


} 


管理 员 后 台新 闻 详细 页 最 终 运行 效果 如 图 5-44 所 示 。 
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5-44 管理 员 后 台新 闻 详 细 页 最 终 运行 效果 
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管理 员 后 台新 闻 详 细 页 编辑 模式 最 终 运 行 效果 如 图 5-45 所 示 。 
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图 5-45 管理 员 后 台新 闻 详细 页 编辑 模式 最 终 运行 效果 


管理 员 后 台新 闻 详细 页 插入 模式 最 终 运行 效果 如 图 5-46 所 示 。 
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图 5-46 管理 员 后 台新 闻 详细 页 插入 模式 最 终 运行 效果 
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5.6.6 小 结 


(1) DetailsView 控件 一 次 呈现 一 条 表格 形式 的 记录 ( 即 一 条 记录 分 多 行 显示 ,记录 
的 一 个 字段 占 表格 的 一 行 ), 并 提供 翻阅 多 条 记录 以 及 插入 、 更 新 和 删除 记录 的 功能 。 它 
可 与 GridView 控件 结合 使 用 ,以 用 于 主 / 从 方案 。DetailsView 控件 的 字段 ,模板 等 用 法 
与 GridView 控件 一 致 。 

(2) 若 要 将 某 些 TemplateField 列 设置 为 只 读 模 式 , 可 在 该 列 的 EditItemTemplate、 
InsertItemTemplate 项 中 用 Label 控件 绑 定 字段 值 。 

(3) FCKeditor 是 一 款 功 能 强大 的 开源 在 线 文本 编辑 器 , 它 支 持 HTML 文本 格式 设 
置 .文件 上 传 等 多 种 功能 。 


5.6.7 思考 与 练习 
1 用 DetailsView 控件 实现 管理 员 后 台新 闻 类 别 的 添加 。 
2 用 DetailsView 控件 实现 管理 员 后 台 用 户 信息 的 编辑 。 
任务 5.7 使 用 FormView 控件 实现 
新 闻 详 细 显 示 
任务 目标 


(1) 会 用 FormView 控件 显示 数据 。 
(2) 会 用 Bind 和 Eval 两 种 形式 的 数据 绑 定 表达 式 。 


5.7.1 FormView 控件 简介 


FormView 控件 与 DetailsView 控件 类 似 , 它 一 次 呈现 数据 源 中 的 一 条 记录 ,并 提供 
翻阅 多 条 记录 以 及 插入 .更 新 和 删除 记录 的 功能 。 不 过 ,它们 之 间 也 存在 差别 : 在 
DetailsView 控件 的 表格 布局 中 ,数据 记录 的 每 个 字段 都 各 自 显示 为 一 行 ; 而 FormView 
控件 则 不 指定 用 于 显示 记录 的 预定 义 布局 。 如 果 利 用 FormView 控件 显示 内 容 , 需 要 为 
其 不 同 部 分 创建 模板 ,以 显示 记录 中 的 各 个 字段 。 该 模板 包含 用 于 设置 窗 体 布局 的 格式 、 
控件 和 绑 定 表达 式 。 所 以 使 用 FormView 控件 可 以 使 控制 数据 显示 更 加 灵活 。FormView 
控件 的 常用 属性 与 事件 如 表 5-17 所 示 。 


表 5-17 FormView 控件 的 常用 属性 与 事件 


属 性 说 明 
AutoGenerateColumns | 获取 或 设置 一 个 值 , 该 值 指示 是 否 为 数据 源 中 的 每 个 字段 自动 创建 绑 定 字段 
AllowPaging 获取 或 设置 一 个 值 , 该 值 指示 是 否 启用 分 页 功能 
PageSize 获取 或 设置 GridView 控件 在 每 页 上 所 显示 的 记录 数目 
获取 或 设置 一 个 数组 ,该 数组 包含 了 显示 在 GridView 控件 中 的 项 的 主键 字 
DataKeyNames 段 的 名 称 
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续 表 
属 性 说 明 
DataSource 获取 或 设置 对 象 ,数据 绑 定 控件 从 该 对 象 中 检索 其 数据 项 列表 
DataSourceID 获取 或 设置 控件 的 外 ,数据 绑 定 控件 从 该 控件 中 检索 其 数据 项 列表 
事 件 说 明 
DataBound 在 GridView 控件 完成 到 数据 源 的 绑 定 后 发 生 
RowDataBound 在 GridView 控件 中 的 某 个 行 被 绑 定 到 一 个 数据 记录 时 发 生 


PageIndexChanging 单 击 “ 页 导航 ”按钮 时 ,在 GridView 控件 执行 分 页 操作 之 前 发 生 
单 击 GridView 控件 内 某 一 行 的 “删除 ”按钮 时 ,在 GridView 控件 从 数据 源 


RowDeleting 六 久生 记过 之 测 必 在 

el 单 击 GridView 控件 内 某 一 行 的 “删除 ?按钮 时 ,在 GridView 控件 从 数据 源 
删除 该 行 记录 之 后 发 生 

RowEditing 单 击 GridView 控件 内 某 一 行 的 “编辑 "按钮 时 ,在 GridView 控件 进入 编辑 
模式 之 前 发 生 

RowCancelingEdit 。 | 单 击 GridView 控件 内 某 一 行 的 "编辑 "按钮 时 ,在 GridView 控件 退出 编辑 
模式 之 前 发 生 

RowUpdating 单 击 GridView 控件 内 某 一 行 的 “更 新 ”按钮 时 ,在 GridView 控件 更 新 记录 
之 前 发 生 

RowUpdated 单 击 GridView 控件 内 某 一 行 的 “更 新 ”按钮 时 ,在 GridView 控件 更 新 记录 
之 后 发 生 


5.7.2 使 用 FormView 控件 实现 前 台新 闻 详 细 显 示 


与 前 台新 闻 详细 页 相关 的 数据 访问 层 、 业 务 迎 辑 层 方法 GetNewsById() 已 在 任务 5. 6 
中 完成 ,下 面 只 需 实现 前 台新 闻 详细 页 的 表示 层 。 其 做 法 类 似 管理 员 后 台新 闻 详 细 页 ,只 
不 过 这 次 用 FormView 控件 来 显示 新 闻 详 细 内 容 。 

在 Web 项 目的 根 目录 下 ,新 建 页 面 文件 NewsDetail. aspx。 

使 用 FormView 控件 显示 新 闻 详细 信息 的 基本 步骤 如 下 : 

(1) 添加 数据 源 控件 。 切 换 到 “设计 ”视图 .向 页 面 拖 放 一 个 ObjectDataSource 控件 ， 
设置 其 ID 属性 值 为 odsNews。 在 配置 数据 源 时 ,指定 选择 数据 的 方法 是 业务 逻辑 层 
NewsManager 类 的 GetNewsById( ) 方 法 ,用 于 获取 新 闻 详 细 数 据 。 其 查询 参数 值 来 自 查 
询 字符 串 ,设置 方式 如 图 5-39 所 示 。 

(2) 添加 FormView 控件 。 将 工具 箱 “ 数 据 ” 选 项 卡 中 的 FormView 控件 拖 放 到 页 面 
中 ,设置 FormView 控件 的 ID 属性 值 为 fyNews。 单 击 FormView 控件 右上 角 的 小 三 角 
按钮 打开 FormView 任务 菜单 ,选择 “编辑 模板 ” 命 ”ss | 
令 在 ItemTemplate 项 里 自 由 布局 各 字段 的 显示 方 | 数据 旨 定 浏览 次数 : 数据 诸 定 | 
式 。 如 图 5-47 所 示 为 在 ItemTemplate 项 里 加 入 一 
个 3 行 3 列 的 表格 布局 ,并 设置 各 列 的 绑 定 字段 。 人 

NewsDetail. aspx 实现 代码 如 下 : A 


<% @ Page Language = "C#" MasterPageFile = "~ /NewsPage. Master" AutoEventWireup = "true" 
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CodeBehind = "NewsDetail. aspx. cs” Inherits = "Web. NewsDetail" Title = "新 闻 详细 " %> 
<asp:Content ID = "Content1" ContentPlaceHolderID = "ContentPlaceHolder1l" runat = "server"> 
<div id= "col"> 
< div class = "box"> 
<div class = "box_title"> 新 闻 详 细 </div> 
<div class = "box_text"> 
<asp:FormView ID= "fvNews" runat = "server"> 
< ItemTemplate > 
<table> 
<tr> 
<td colspan="3"><%# Eval("Title") %></td> 
</tr> 
<tr> 
<td> 作 者 : <%# Eval("Author") %></td> 
<td> 上 传 日 期 : <% # Eval("PubDate") %></td> 
<td> 浏 览 次 数 : <% # Eval("Clicks") %></td> 
</tr> 
<tr> 
<td colspan="3"><% # Eval("Contents") %></td> 
</tr> 
</table> 
</ItemTemplate> 
</asp:FormView> 
<asp: ObjectDataSource ID = " odsNews" runat = " server" SelectMethod = 
"GetNewsById" TypeName = "NewsBLL. NewsManager"> 
< SelectParameters > 
<asp: QueryStringParameter Name = " id" QueryStringField = "Id" 
Type= "Int32" /> 
</SelectParameters> 
</asp:ObjectDataSource> 
</div> 
</div> 
</div> 
</asp:Content > 


NewsDetail. aspx. cs 实现 代码 如 下 : 


using NewsModels; 
using NewsBLL; 
namespace Web 
{ 
public partial class NewsDetail : System. Web. UI. Page 
{ 
protected void Page_Load(object sender, EventArgs e) 
{ 
if (!IsPostBack) 
{ 
if (Request. QueryString["Id"] != null) 
{ 
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int id; 

try 

{ 
id = Convert. ToInt32(Request. QueryString["Id"]); 
News news = NewsManager. GetNewsById(id) ; 
news.Clicks ++ 
NewsManager. ModifYyNews(news); 
fvNews. DataSource = odsNews; 
fvNews. DataBind( ); 


catch 
{ 
return; 
} 
} 
else 
{ 
return; 
} 


前 台新 闻 详细 页 最 终 运行 效果 如 图 5-48 所 示 。 
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5-48 前台 新闻 详细 页 最 终 运行 效果 


5.7.3 小 结 


(1) FormView 控件 用 于 一 次 显示 数据 源 中 的 一 条 记录 。 与 DetailsView 控件 相似 ， 
只 是 显示 的 是 用 户 自 定义 的 模板 ,而 不 是 行 字段 。 使 用 FormView 控件 可 以 使 控制 数据 
显示 更 加 灵活 。 
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(2) 数据 绑 定 表达 式 包含 在 一 外 # 和 % 二 分 隔 符 之 内 ,并 使 用 Eval 或 Bind 方法 。 

Eval 方法 是 静态 (只 读 ) 方 法 ,用 于 定义 单 向 (只 读 ) 绑 定 。 该 方法 采用 数据 字段 的 值 作为 

参数 并 将 其 作为 字符 串 返 回 , 一 般 用 在 绑 定时 需要 格式 化 字符 串 的 情况 下 。Bind 方法 支 

持 读 / 写 功能 ,用 于 定义 双向 (可 更 新 ) 绑 定 。 该 方法 可 以 检索 数据 绑 定 控件 的 值 并 将 任何 
更 改 提交 回 数据 库 。 当 绑 定 的 数据 可 以 被 修改 时 ,还 是 要 使 用 Bind 方 法 。 


5.7.4 思考 与 练习 


1. GridView DetailsView、FormView 这 3 个 控件 各 有 什么 特点 ? 用 法 上 有 什么 联 
系 和 区 别 ? 各 适用 于 什么 场合 ? 
2. 数据 绑 定 表 达 式 的 写法 有 哪 两 种 方式 ? 各 适用 于 什么 场合 ? 
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任务 6.1 使 用 DataList 列表 显示 新 闻 


任务 目标 


(1) 会 用 DataList 控件 显示 数据 。 
(2) 会 在 页 面 上 绑 定 显示 经 截取 和 过 滤 后 的 字符 串 。 


6.1.1 DataList 控件 简介 


DataList 控件 与 GridView 控件 一 样 ,可 用 来 显示 、 编 辑 或 删除 表 中 的 记录 。 但 是 ， 
DataList 控件 能 以 更 自由 的 方式 显示 数据 ,如 在 一 行 中 显示 多 条 记录 等 。 可 在 DataList 
提供 的 模板 中 定义 数据 显示 布局 ,比如 可 以 为 项 、 交 替 项 、 选 定 项 和 编辑 项 创建 模板 ,也 可 
以 使 用 标题 ,脚注 和 分 隔 符 模板 自 定义 DataList 的 整体 外 观 。DataList 控件 支持 的 模板 
如 表 6-1 所 示 。 

表 6-1 DataList 控件 支持 的 模板 


模板 属性 说 明 
ItemTemplate 为 DataList 中 的 项 提供 内 容 和 布局 所 要 求 的 模板 
如 果 已 定义 , 则 为 DataList 中 的 交替 项 提供 内 容 和 布局 。 如 果 未 定义 ， 
则 使 用 ItemTemplate 
如 果 已 定义 , 则 为 DataList 中 当前 编辑 的 项 提供 内 容 和 布局 。 如 果 未 定 
义 , 则 使 用 ItemTemplate 
如 果 已 定义 , 则 为 DataList 中 当前 选 定 项 提供 内 容 和 布局 。 如 果 未 定 
义 , 则 使 用 ItemTemplate 
如 果 已 定义 , 则 为 DataList 的 页 眉 节 提供 内 容 和 布局 。 如 果 未 定义 ,将 


AlternatingItemTemplate 


EditItemTemplate 


SelectedItemTemplate 


HeaderTemplate 


不 显示 页 眉 节 

FooterTemplate 如 果 已 定义 , 则 为 DataList 的 脚注 部 分 提供 内 容 和 布局 。 如 果 未 定义 ， 
将 不 显示 脚注 部 分 

0 如 果 已 定义 , 则 为 DataList 中 各 项 之 间 的 分 隔 符 提供 内 容 和 布局 。 如 果 
未 定义 ,将 不 显示 分 隔 符 


6.1.2 ”新闻 速 览 数 据 访问 层 与 业务 逻辑 层 的 实现 


DataList 控件 的 一 大 特点 是 能 实现 灵活 复杂 的 页 面 布 局 ,所 以 可 以 通过 它 来 做 新 闻 
速 览 页 的 新 闻 列 表 显 示 。 要 完成 这 一 功能 ,仍然 先 从 数据 访问 层 与 业务 逻辑 层 着 手 。 新 
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闻 速 览 需要 取出 新 闻 表 所 有 字段 信息 ,类 似 任务 5. 4 中 取 新 闻 表 (News) 部 分 字段 方法 
GetNewsPartFieldsByConditions() 的 做 法 ,在 数据 访问 层 与 业务 逻辑 层 中 分 别 新 增 一 个 
方法 用 于 取 新 闻 表 全 部 字段 。 
在 NewsDAL 项 目的 NewsService 类 中 ,增加 一 个 根据 查询 条 件 、 排 序 字 段 .排序 方 
向 返回 包含 所 有 字段 的 新 闻 对 象 集合 的 方法 。 实 现代 码 如 下 : 


/// < summary> 
/// 根据 查询 条 件 .排序 字段 .排序 方向 返回 包含 所 有 字段 的 新 闻 列 表 
/// </summary> 
/// < param name = "conditions"> 查 询 条 件 </param> 
/// < param name = "sortField"> 排 序 字段 </param> 
/// < param name = "direction"> 排 序 方向 </param> 
/// <returns > 新 闻 对 象 集合 </returns> 
public static IList < News> GetNewsAllFieldsByConditions( string conditions，string sortField, 
string direction) 
{ 
string sql = "SELECT Id, Title, Author, PubDate, Contents, Clicks, NewsCategoryId FROM News"; 
if (conditions. Trim().Length > 0) 
{ 
sql + = "WHERE " + conditions; 
} 
if (sortField. Trim().Length > 0) 
{ 
sql + = " ORDER BY" + sortField; 
} 
if (direction. Trim().Length > 0) 
{ 
sql + = "" + direction; 
} 
return GetNewsBySql (sql); 
} 


在 NewsBLL 项 目的 NewsManager. cs 类 中 ,增加 相应 方法 。 实 现代 码 如 下 : 


public static IList < News > GetNewsAllFieldsByConditions ( string conditions, string 
sortField, string direction) 
{ 

return NewsService. GetNewsAllFieldsByConditions(conditions, sortField, direction); 
} 


6.1.3 使 用 DataList 控件 实现 新 闻 速 览 列表 显示 


新 闻 速 览 页 让 用 户 能 快速 地 浏览 新 闻 。 在 该 页 左边 放置 一 个 新 闻 类 别 导航 栏 , 单 击 

某 个 新 闻 类 别 可 在 页 面 右边 显示 相应 新 闻 ,包括 新 闻 的 标题 .作者 发 表 日 期 .浏览 次 数 及 

内 容 的 前 65 个 字符 。 若 要 查看 详细 内 容 , 需 要 单 击 标题 提供 的 链接 转 到 新 闻 详 细 页 。 在 

默认 情况 下 ,新 闻 速 览 页 右边 列表 显示 出 所 有 新 闻 ,并 按 ID 降序 排列 , 即 最 新 的 新 闻 显 示 
在 最 前 面 。 当 然 , 也 可 根据 需要 按 新 闻 的 标题 .日 期 分 别 进行 升 /降序 排列 。 
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在 Web 项 目的 Admin 文件 夹 下 ,新 建 页面 文 件 NewsList. aspx。 新 闻 速 览 页 主要 通 
过 以 下 两 步 来 完成 。 

1. 设置 新 闻 类 别 导 航 栏 和 排序 命令 按钮 

基本 步骤 如 下 : 

(1) 添加 新 闻 类 别 导 航 栏 。 向 页 面 拖 放 一 个 XmlDataSource 控件 和 一 个 TreeView 控 
件 并 配置 相应 的 属性 。XmlDataSource 用 于 从 XML 文件 NewsCategoryTreeView. xml 
中 获取 新 闻 类 别 数据 ,同时 也 作为 TreeView 控件 的 数据 源 。 

(2) 添加 排序 命令 按钮 。 向 页 面 拖 放 两 个 Button 控件 ,分 别 设置 其 ID 属性 值 为 
btnTitleSort 和 btnPubDateSort ,分 别 用 于 按 标题 排序 和 按 日 期 排序 显示 新 闻 。 

2. 使 用 DataList 控件 显示 新 闻 速 览 列表 

基本 步骤 如 下 : 

(1) 添加 DataList 控件 。 将 工具 箱 “ 数 据 ” 选 项 卡 中 的 DataList 控件 拖 放 到 页 面 中 ， 
设置 DataList 控件 的 ID 属性 值 为 INews。 单 击 DataList 控件 右上 角 的 小 三 角 按钮 打 
开 DataList 任务 菜单 ,选择 “编辑 模板 ”命令 ,在 DataList 提供 的 模板 项 里 自由 布局 各 字 
段 的 显示 方式 。 比 如 在 项 模板 ItemTemplate 里 加 入 一 个 3 行 3 列 的 表格 布局 ,并 设置 各 
列 的 绑 定 字段 ,在 分 隔 符 模 板 SeparatorTemplate 里 加 入 一 条 水 平 线 用 于 分 隔 各 列表 项 。 
设计 视图 效果 如 图 6-1 所 示 。 


HH jet ' 


可 乐 作者 : 阔 扣 六 定 发 表 日 期 : 类 扫 六 定 洲 大 数 : 雪白 定 
十 


孝 握 直 定 
me 作者 : 才 据 明定 发表 日 期: 扫 据 上 定 洲 估 数 : 才 氢 W 定 
mipatasource - XmlDatas 区 所 六 宅 


教 据 毕 定 
作者 : 孝 扫 田 定 发 表 日 期 : 数据 扩 证 济 澳 因数 : 数据 洲 证 
教 据 暑 定 


二 
作者 : 数 扫 岁 定 发 表 日 期 ; 数据 Uj 定 浏览 次 数 : 拖 扫 几 定 
| 数据 幸 定 


| 盐 据 网 定 
作者 : 未 揭 淘 定 发 表 日 期 : 者 据 时 证 浏 避 次 数 : 款 据 特定 
教 所定 


图 6-1 新 闻 速 览 页 未 分 页 前 设计 视图 


(2) 编码 指定 数据 源 。 为 了 能 够 给 DataList 列表 实现 分 页 功能 ,需要 在 NewsList 
. aspx. cs 中 手动 编写 代码 动态 绑 定数 据 源 , 其 中 用 到 DataList 控件 的 DataSource 属性 和 
DataBind() 方 法 。 

新 闻 速 览 页 未 分 页 前 NewsList. aspx 的 关键 代码 如 下 所 示 。 

<% 四 Page Language = "C#" MasterPageFile = "一 /NewsPage. Master”RutoEventWireup = "true" 

CodeBehind = "NewsList. aspx. cs" Inherits = "Web. NewsList" Title = "新 闻 速 览 ”%> 


< asp:Content ID = "Content1" ContentPlaceHolderID = "ContentPlaceHolder1”runat = "server"> 
<div id= "coll list"> 
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<div class = "box"> 
<div class = "box_title"> 新 闻 导 航 </div> 
< div class = "box text"> 
<asp: TreeView ID = "tvNewsCategories" runat = "server" DataSourceID 
"XmlDataSourcel" EnableViewState = "false"> 
< DataBindings > 
<asp: TreeNodeBinding DataMember = " siteMapNode" NavigateUrlField 
"url" TextField = "title" /> 
</DataBindings > 
</asp:TreeView > 
<asp: XmlDataSource ID = "XmlDataSourcel" runat = "server" DataFile= "一 / 


NewsCategoryTreeView. xml"></asp:XmlDataSource> 
</div> 
</div> 
</div> 
<div id= "col2 list"> 


<div class = "box"> 
<div class = "box_title">< asp:Label ID = "lblNewsCategory" runat = "server" 


Text = "新 闻 速 览 " EnableViewState = "false"></div> 


<div class = "box_text"> 
<div> 排 序 方式 : < asp: Button ID = "btnTitleSort" runat = "server" Text = 


" 按 标题 升序 "OnClick = " btnTitleSort _Click" /> | < asp: Button ID 
"btnPubDateSort" runat = "server" Text =" 按 日 期 升序 " Onclick 
"btnPubDateSort_Click" /> 


</div> 
<asp:DataList ID = "dlNews" runat = "server" EnableViewState = "false"> 


< ItemTemplate > 
<table> 
<tr><td colspan= "3"> 
< span id = "title_span"> 
<a href = "NewsDetail. aspx? Id = <% # Eval 
("Id")%> "><% # Web. Common. StringHandler. 
FilterString(Eval ("Title"). ToString ( ), 65) 
%></a></span></td></tr> 
<tr><td> 作 者 : <% # Eval("Author") %></td> 
<td> 发 表 日 期 : <% # Eval("PubDate") %></td> 
<td> 浏 览 次 数 : <% # Eval("Clicks") %></td></tr> 
<tr >< td colspan = "3"><$% # Web. Common. StringHandler. 
FilterString(Eval("Contents"). ToString(), 65) %></td> 
</tr> 
</table> 
</ItemTemplate> 
< SeparatorTemplate>< hr /></SeparatorTemplate> 
</asp:DataList > 
</div> 
</div> 
</div> 
</asp:Content > 


这 里 提醒 一 点 ,为 了 页 面 美观 ,经 常用 到 将 列表 中 绑 定 的 某 个 字符 串 字 段 截断 或 过 滤 其 
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中 的 HTML 标记 的 技术 。 在 上 面 的 代码 中 ,Web. Common. StringHandler. FilterString( Eval 
("Contents"). ToString()，65) 就 是 用 于 将 新 闻 内 容 字段 进行 截取 和 过 滤 。FilterString() 
是 放 在 Web\Common 文件 夹 下 自 定 义 类 StringHandler. cs 里 的 一 个 自 定义 方法 。 具 体 
实现 代码 如 下 : 


using System; 
using System. Data; 
using System. Configuration; 
using System. Web; 
using System. Web. Security; 
using System. Web. UI; 
using System. Web. UI. WebControls; 
using System. Web. UI. WebControls. WebParts; 
using System. Web. UI. HtmlControls; 
using System. Text. RegularExpressions; 
namespace Web. Common 
{ 
public static class StringHandler 
{ 
/// < summary> 
/// 截取 指定 长 度 的 子 字符 串 
/// </summary> 
/// < param name = "str"> 原 字符 串 </param> 
/// < param name = "length"> 子 字符 串 的 长 度 </param> 
/// < returns > 子 字符 串 </returns> 
public static string CutString(string str, int length) 
{ 
if (str.Length >= length) 
return str. Substring(0, length) + "..."; 
else 
return str; 
} 
/// < summary> 
/// 用 正则 表达 式 过 滤 HTML 字符 
/// </summary> 
/// < param name = "str"> 需 要 处 理 的 字符 串 </param> 
/// <returns></returns> 
public static string RemoveHtml(string str) 
{ 
return Regex. Replace (str, "</?[^>] *>|\\s", "", RegexOptions. Compiled | 
RegexOptions. IgnoreCase); 
} 
/// < summary> 
/// 截取 前 先 过 滤 HTML 字符 
/// </summary> 
/// < param name = "str"> 原 字符 串 </param> 
/// < param name = "length"> 子 字符 串 的 长 度 </param> 
/// < returns> 子 字符 串 </returns> 
public static string FilterString(string str, int length) 
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return CutString(RemoveHtm] (str), length); 


} 
NewsList. aspx. cs 的 代码 如 下 所 示 。 


using NewsBLL; 
namespace Web 
public partial class NewsList : System. Web. UI. Page 


{ 
protected void Page Load(object sender, EventArgs e) 
{ 
证 (!IsPostBack) 
// 首 次 加 载 , 赋 初 值 
if (Request. QueryString[ "NewsCategoryId"] ! = null) 
{ 
int id; 
try 
{ 
id = Convert.ToInt32(Request. QueryString[ "NewsCategoryId" ]); 
ViewState["Conditions"] = "NewsCategorylId=" + id; 
lblNewsCategory. Text = 
NewsCategoryManager. GetNewsCategoryById( id). Name; 
} 
catch 


{ 
ViewState[ "Conditions"] = ""; 


} 
else 
{ 

ViewState[ "Conditions"] = ""; 
} 
ViewState[ "SortField"] = "Id"; 
ViewState[ "Direction"] = "DESC"; 
ViewState[ "TitleClick"] = "0"; 
ViewState[ "PubDateClick"] = "0"; 
Databind( ); 


} 
private void Databind() 


{ 
dlNews. DataSource = NewsManager. GetNewsAllFieldsByConditions (ViewState 


["Conditions"].ToString(), ViewState ["SortField"].ToString(), ViewState 
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["Direction"].ToString()); 
dlNews. DataBind( ); 
} 
# region 排序 
protected void btnTitleSort Click(object sender, EventArgs e) 
{ 
ViewState["SortField"] = "Title"; 
if (ViewState["TitleClick"].ToString() == "0") 
{ 
ViewState[ "TitleClick"] = "1"; 
ViewState[ "Direction"] = "ASC"; 
btnTitleSort. Text = " 按 标题 降序 "; 
} 
else if (ViewState["TitleClick"].ToString() == "1") 
{ 
ViewState[ "TitleClick"] = "0"; 
ViewState[ "Direction"] = "DESC"; 
btnTitleSort. Text =" 按 标题 升序 "; 
' 
Databind( ) 
} 
protected void btnPubDateSort Click(object sender, EventArgs e) 
{ 
ViewState[ "SortField"] = "PubDate"; 
证 (ViewState[ "PubDateClick"].ToString() == "0") 
{ 
ViewState[ "PubDateClick"] = "1"; 
ViewState[ "Direction"] = "ASC"; 
btnPubDateSort. Text = " 按 日 期 降序 "; 
else if (ViewState["PubDateClick"].ToString() == "1") 
{ 
ViewState[ "PubDateClick"] = "0"; 
ViewState[ "Direction"] = "DESC"; 
btnPubDateSort. Text =“" 按 日 期 升序 "; 


} 
Databind( ); 
# endregion 


3} 
新 闻 速 览 页 未 分 页 前 运行 效果 如 图 6-2 所 示 。 
6.1.4 小 结 
(1) DataList 控件 以 模板 和 样式 定义 的 格式 显示 数据 。 
(2) Regex 类 属于 System. Text. RegularExpressions 命名 空间 。Regex. Replace() 


方法 表示 在 指定 的 输入 字符 串 内 使 用 指定 的 替换 字符 串 蔡 换 与 指定 正则 表达 式 匹 配 的 所 
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有 字符 串 。 可 用 它 来 清除 HTML 标记 。 


新 闻 束 览 

re， | 

第 四 帮 " 职 场 之 星 "模拟 求职 大 硅 

作者 : 青森 发 表 日 期: Co 14:51:20 浏览 次 数 

本 次 比赛 共 分 三 个 环节 ， 自 我 介绍 、 个 人 面试 和 EAI 在 第 一 轮 的 自我 介绍 中 ， 选 手 们 自信 亮相 、 准 备 充分 , 庙 庄 的 仪态 、 hy 
2400 入 家 单位 加 首 温 肥 沪 " 控 县 纳 十 ~ 

作者 : 乔 人 起 发 表 日 期 : 2009/08/19 14:40:52 


8 月 18 日 ， 温州 职业 技术 学 院 校园 里 一 日 三 场 招聘 会 让 2010 届 举 站 生 们 芽 实 开心 了 一 把 ， i HN 


以 旧 撞 新 拉动 新 车 消 吉 
作者 : 吴 晓 发 表 日 期 : 2009/07/02 15:00:00 
全 国 现 有 商标 车 1800 万 困 待 搞 。 汽车 以 旧 换 新 不 仅 是 拉动 消费 的 动力， 也 是 为 了 环境 保护 、 节 约 资源 pt Sr 所 … 


全 站 
发 表 日 期 : 2009/07/02 14:49:00 测 上 5 次 数 : 0 
和 Nigh 上， 选择 专业 都 是 相当 重要 ， 这 个 碗 笃 可 以 说 晨 职 二 生源 损失 由 3 直 点， 所 以 厅 北 选择 更 应 该 情 重 再 情 重 ,尤其 要 考虑 个 人 将 .… 


es 
作者 : 叶 苔 期 : 2009/07/02 11:01:00 


1958 年 的 8 月 4 日 ， A 个 具有 第 命 性 的 单 曲 排行 榜 -Hot100 单 曲 榜 。 tee 200 Hot100 单 曲 .… 


作者 : tungstar 发 表 日 期 : 2009/07/02 10:40:00 
北京 时 间 7 月 1 日 消息 ，6 月 30 日 ， 香 汰 图 方 戏院 举行 《冰河 世纪 3 莫 著 首 映 礼 ， 香 寺 世人 官 因 妓 、 陆 永 、 林 路 巡 、 Ps 以 及 数位 .… 


发 表 日 期 : 2009/07/02 10:39:00 浏览 次 数 
re Eh 中 国 队 以 第 六 名 的 成 捕 进 入 决赛。 现 国 队 发 挥 出 色 ， hie 


王 卓 发 表 日 期 ; 2009/07/02 10:38:00 济 莉 次数: 0 
DE et 网 坛 闪 是 如 此 ， 扫 下来 村 为 入 二 和 2000 年 来 新 纪 所 的， 在 体 商 圈 &dq.… 


钟 正 2o09j07/02 10:37:00 浏览 次 数 
相 和 增 贷款 投放 二 为 3.65 万 亿 元 ， 为 全 年 计划 信贷 投放 目标 2.， 7 3 个 ， 表 明 上 … 


图 6-2 新 闻 速 览 页 未 分 页 前 运行 效果 


6.1.5 思考 与 练习 

1， 如何 通 过 程序 控制 动态 地 为 DataList 控件 绑 定数 据 源 ? 

2. 要 将 某 个 字段 内 容 中 的 HTML 标记 清除 后 再 显示 在 页 面 上 ,应 该 如 何 操作 ? 

任务 6.2 使 用 PagedDataSource 
分 页 显示 新 闻 

任务 目标 

会 编写 代码 实现 分 页 。 
6.2.1 PagedDataSource 对 象 简介 


DataList 控件 没有 提供 内 置 分 页 功能 ,有 时 很 不 方便 。 目 前 有 很 多 增加 分 页 的 方法 ， 
比如 使 用 存储 过 程 来 控制 每 页 的 数据 读 取 , 这 种 分 页 方法 效率 高 但 制作 起 来 比较 麻烦 。 
下 面 介绍 一 种 可 以 快速 实现 分 页 的 方法 : 使 用 PagedDataSource 对 象 给 DataList 增加 分 
页 功能 。PagedDataSource 类 封装 了 数据 绑 定 控件 的 与 分 页 相关 的 属性 ,以 允许 该 控件 
执行 分 页 操作 。PagedDataSource 类 的 常用 属性 如 表 6-2 所 示 。 
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表 6-2 ”PagedDataSource 类 的 常用 属性 


属 性 说 明 
AllowPaging 获取 或 设置 一 个 值 , 指 示 是 否 在 数据 绑 定 控件 中 启用 分 页 
Count 获取 要 从 数据 源 中 使 用 的 项 数 
DataSourceCount 获取 数据 源 中 的 项 数 
CurrentPageIndex 获取 或 设置 当前 页 的 索引 
DataSource 获取 或 设置 数据 源 
IsFirstPage 获取 一 个 值 , 该 值 指 示 当 前 页 是 否 为 首页 
IsLastPage 获取 一 个 值 , 该 值 指 示 当 前 页 是 否 为 最 后 一 页 
PageCount 获取 显示 数据 源 中 的 所 有 项 所 需要 的 总 页 数 
PageSize 获取 或 设置 要 在 单 页 上 显示 的 项 数 


6.2 


.2 使 用 PagedDataSource 实现 新 闻 速 览 页 分 页 显示 
打开 任务 6. 1 完成 的 新 闻 速 览 页 NewsList. aspx, 在 该 页 DataList 控件 下 方 增加 与 


分 页 相关 的 标签 和 导航 按钮 ,设计 视图 如 图 6-3 所 示 。 


数据 时 定 
作者 : 数据 坚定 发 表 日 期: 数据 上 j 定 浏览 次 数 : 数据 坚定 
数据 闭 定 


blpage] 


图 6-3 为 新 闻 速 览 页 增加 分 页 导航 按钮 后 的 设计 视图 


以 下 是 对 应 的 HTML 代码 。 


<div id= "page"> 
< asp:Label ID = "lblPage" runat = "server" Text = ""></asp:Label> 
< asp:Button ID = "btnFirst" runat = "server" Text = "首页 " OnClick = "btnFirst_Click" /> 
< asp:Button ID = "btnPrev" runat = "server" Text =" 上 一 页 " OnClick = "btnPrev_Click" /> 
< asp:Button ID = "btnNext" runat = "server" Text = "下 一 页 " OnClick = "btnNext_Click" /> 
<asp:Button ID = "btnLast" runat = "server" Text = " 末 页 " OnClick = "btnLast_Click" /> 
</div> 


在 NewsList. aspx. cs 中 编写 后 台 代 码 实现 分 页 功能 。 
(1) 修改 DataBind() 方 法 
重新 设 定 DataList 控件 pdsNews 的 数据 源 为 PagedDataSource 对 象 。 实 现代 码 


如 下 : 
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private void Databind( ) 
{ 


// 设 置 PagedDataSource 对 象 实例 
PagedDataSource pdsNews = new PagedDataSource(); 
// 设 置 数据 源 


pdsNews. DataSource = NewsManager. GetNewsAllFieldsByConditions ( ViewState[ "Conditions"]. 
‘ToString(), ViewState[ "SortField"]. ToString(), ViewState[ "Direction"]. Tstring()); 


第 6 章 深入 数据 库 编 程 


// 设 置 允许 分 页 

pdsNews. AllowPaging = true; 

// 设 置 每 页 显示 条 记录 

pdsNews. PageSize = 5; 

// 设 置 当前 页 索引 值 

pdsNews. CurrentPageIndex = PageIndex'; 
// 设 置 末 页 索引 值 

ViewState[ "LastPageIndex"] = pdsNews.PageCount — 1; 
// 设 置 分 页 导航 栏 控件 状态 
SetControlState( pdsNews); 

// 绑 定数 据 源 

dlNews. DataSource = pdsNews; 

dlNews. DataBind( ); 


(2) 设置 分 页 导航 按钮 事件 和 状态 
为 方便 引用 ,将 当前 页 索引 值 ViewState[ "PagelIndex" | 设置 成 属性 PageIndex。 实 
现代 码 如 下 : 


#region 翻 页 

/// < summary> 

/// 当前 页 索引 值 ( 设 成 属性 便于 在 程序 访问 ) 
/// </summary> 

Private int PageIndex 

{ 


get 


{ 
return (int)ViewState["PageIndex" ]; 


ViewState["PageIndex"] = value; 


} 
protected void btnFirst_Click(object sender, EventArgs e) 
{ 

PageIndex = 0; 

Databind( ); 
} 
protected void btnPrev_Click(object sender, EventArgs e) 
{ 

PageIndex—— ; 

Databind( ); 
} 
protected void btnNext Click(object sender, EventArgs e) 
{ 

PageIndex ++ ; 

Databind( ); 
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protected void btnLast Click(object sender, EventArgs e) 
{ 
PageIndex = Convert.ToInt32(ViewState["LastPageIndex"]); 
Databind( ); 
} 
private void SetControlState( PagedDataSource pds) 
上 
int recNum = pds.DataSourceCount; 
证 (recNum > 0) // 数 据 源 中 有 记录 
人 
btnTitleSort. Enabled = true; 
btnPubDateSort. Enabled = true; 
btnFirst. Enabled = true; 
btnPrev. Enabled = true; 
btnNext. Enabled = true; 
btnLast. Enabled = true; 
if (pds. IsFirstPage) // 当 前 页 为 首页 时 ,设置 "首页 "、" 上 一 页 "按钮 无 效 
{ 
btnFirst. Enabled = false; 
btnPrev. Enabled = false; 
} 
if (pds. IsLastPage) // 当 前 页 为 末 页 时 ,设置 " 末 页 "、" 下 一 页 "按钮 无 效 
{ 
btnNext. Enabled 
btnLast. Enabled 
} 
// 标 签 控 件 中 显示 当前 页 及 总 页 数 等 信息 
lblPage. Text = "第 "+ (pds.CurrentPageIndex + 1) + " 页 共 " + pds.PageCount + 
" 页 共 " + recNum + " 条 记录 "; 


false; 
false; 


else 


btnTitleSort. Enabled = false; 
btnPubDateSort. Enabled = false; 
btnFirst. Enabled = false; 
btnPrev. Enabled = false; 
btnNext. Enabled = false; 
btnLast. Enabled = false; 
lblPage. Text = "记录 未 找到 "; 
} 
} 
# endregion 


(3) 给 当前 页 索引 赋 初 什 

当 页 面 首次 加 载 时 需要 给 当前 页 索引 赋 初 值 。 所 以 在 Page_Load 事件 的 if (1ISPostBack) 
{...} 代 码 里 设置 “ViewState[ "PagelIndex"] 二 0;”。 

在 排序 操作 后 应 将 当前 页 码 重 置 到 第 一 页 ,所 以 在 btnTitleSort_Click 和 btnPubDateSort_ 
Click 事件 中 分 别 设置 “PagelIndex 二 0;”。 
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您 现在 的 位 置 : 首页 > 新 闻 囊 览 


日 亲本 分 类 。 排序 方式 拷 标 题 升序 3| | 上 技 晶 期 升序 
浏 申 次 者 : 4 


a 
体育 发 表 日 期 : 2009/08/19 14:51:20 
规 乐 了 三 个 环节 , 自我 介绍 、 个 人 而 iio 而 过。 在 第 一 后 … 


200 名 家 单位 畦 首 温 职 辽 " 控 全 纳 十 ~ 
科技 。 | | 作者 : 乔 人 要 发 表 日 期 : 2009/08/19 14:40:52 。 济 $ 次 数 : 2 
军事 | | 8 月 18 日 ， 温 州 职 站 技术 学 院 校园 里 一 日 三 场 招聘 会 让 2010 震 半 北 … 


人 者: 风 发 表 昌 期 : 2009/07/02 15:00:00” 济 次 数 : 0 
有 .800 万 辆 待 换 。 汽 车 以 旧 扒 新 不 仅 是 拉动 肖 费 3 动 .… 


宝 学 要 以 "“ 兴 扫 为 先 " 
作者 : 张 凡 发 表 日 期 : 2009/07/02 14:49:00 ”浏览 次 数 : 0 
无 沦 在 国内 于 是 国外 上 大 学 ， 迁 掺 者 直 部 是 相当 重要 ， 这 个 选择 可 以 ， 


发 表 日 期 ; 2009/07/02 11:01:00 。 洲 S 交 烤 : 0 
SSaysR4B， 公告 和 全 过 设立 了 一 个 具有 和 人 性 约 站 - 


第 1 页 共 4 页 共 16 杀 记录 | [|] 


图 6-4 新 闻 速 览 页 最 终 运行 效果 

6.2.3 小 结 

(1) 使 用 PagedDataSource 对 象 实现 数据 分 页 显示 ,做 法 相对 来 说 比较 简单 。 但 它 
有 一 个 很 大 的 缺陷 , 即 每 换 一 次 页 ,必须 重新 访问 数据 库 , 再 次 将 表 中 所 有 数据 加 载 到 组 
存 中 ,如 果 数 据 量 很 大 ,如 有 几 万 行 , 这 个 缺陷 就 成 为 致命 的 了 。 所 以 这 种 方法 可 用 于 数 
据 量 不 大 的 情况 下 。 

(2) 使 用 PagedDataSource 对 象 的 基本 步骤 为 : 创建 一 个 PagedDataSource 类 的 对 
象 实例 一 给 PagedDataSource 对 象 的 相关 属性 赋值 一 将 PagedDataSource 对 象 绑 定 到 数 
据 绑 定 控件 。 
6.2.4 思考 与 练习 

1. 使 用 PagedDataSource 对 象 实现 数据 分 页 有 哪 几 个 步骤 ? 

2. 基于 存储 过 程 的 分 页 和 基于 PagedDataSource 的 分 页 各 有 什么 优 缺 点 ? 分 别 适 
用 于 什么 场合 ? 


任务 6.3 使 用 Repeater 列表 显示 新 闻 


任务 目标 
会 用 Repeater 控件 自 定义 模板 显示 数据 。 
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6.3.1 Repeater 控件 简介 


Repeater 控件 是 一 个 基本 模板 数据 绑 定 列表 控件 。 它 与 DataList 控件 相似 ,可 用 来 
显示 被 绑 定数 据 项 的 一 个 循环 序列 ,都 没有 内 置 分 页 功能 。 两 者 也 有 不 同 : DataList 控 
件 提供 了 布局 功能 ,会 自动 在 数据 项 周围 生成 一 个 HTML 表格 ,有 内 置 的 选择 和 编辑 功 
能 ,而 Repeater 控件 则 不 然 。Repeater 控件 的 功能 比 DataList 控件 简单 , 它 没 有 内 置 的 
布局 或 样式 ,不 会 自动 生成 任何 HTML 标签 ,因此 必须 在 这 个 控件 的 模板 内 显 式 声明 所 
有 的 HTML 布局 标记 、 格 式 设置 及 样式 标记 等 。Repeater 控件 没有 内 置 的 选择 和 编辑 
功能 , 它 只 能 用 于 数据 显示 。 也 正 因 如 此 ,Repeater 控件 具有 更 好 的 灵活 性 和 更 高 的 效 
率 。 不 过 ,Repeater 控件 的 所 有 代码 必须 在 Web 页 面 的 源 代码 视图 中 手工 添加 。 

Repeater 控件 的 数据 显示 形式 完全 由 用 户 通 过 模板 来 控制 。 例 如 , 若 通 过 HTML 
表格 显示 数据 ,应 在 HeaderTemplate 模板 中 放置 二 table 二 标记 来 开始 此 表格 ,然后 在 
ItemTemplate 模板 中 放置 一 tr 之 和 王 td> 及 数据 绑 定 项 来 创建 该 表 的 行 和 列 。 若 要 使 表格 
中 的 交 蔡 项 呈现 不 同 的 外 观 ,可 使 用 与 TemTemplate 相同 的 内 容 创建 AlternatingItem- 
Template 模板 ,并 为 其 指定 一 个 不 同 的 样式 。 最 后 在 FooterTemplate 模板 中 放置 二 /table> 
标记 完成 表格 的 设置 。Repeater 控件 支持 的 模板 如 表 6-3 所 示 。 


表 6-3 ”Repeater 控件 支持 的 模板 


模板 属性 说 明 
ItemTemplate 包含 要 为 数据 源 中 每 个 数据 项 都 要 呈现 一 次 的 HTML 元 素 和 控件 
包含 要 为 数据 源 中 每 个 数据 项 都 要 呈现 一 次 的 HTML 元 素 和 控件 。 通 
AlternatingItemTemplate | 常 ,可 以 使 用 此 模板 为 交替 项 创建 不 同 的 外 观 , 例 如 指定 一 种 与 在 
ItemTemplate 中 指定 的 颜色 不 同 的 背景 色 


HeaderTemplate 包含 在 列表 的 开始 处 呈现 的 文本 和 控件 ,如 标题 、 列 标 头 等 
FooterTemplate 包含 在 列表 的 结束 处 呈现 的 文本 和 控件 ,如 脚注 的 内 容 和 布局 
SeparatorTemplate 包含 在 每 项 之 间 呈 现 的 元 素 ,如 使 用 二 hr /二 标记 作 一 条 分 隔 线 


6.3.2 使 用 Repeater 控件 实现 新 闻 搜索 列表 显示 


在 新 闻 搜 索 页 面 里 ,可 按 新 闻 标 题 进行 搜索 ,搜索 结果 用 Repeater 控件 以 列表 方式 
显示 。 为 查看 方便 起 见 ,列表 里 显示 除 新 闻 内 容 (Contents) 外 的 部 分 字段 ,要 求 各 交替 项 
应 用 不 同 的 背景 色 ,也 能 排序 和 分 页 。 使 用 Repeater 控件 列表 显示 数据 ,做 法 上 与 
DataList 控件 类 似 , 新 闻 搜索 页 的 做 法 类 似 于 新 闻 速 览 页 ,也 有 排序 、 分 页 功能 ,在 此 不 再 
著述 。 下 面 只 列 出 使 用 Repeater 控件 显示 新 闻 搜索 列表 的 基本 步骤。 

在 Web 项 目的 根 目 录 下 ,新 建 页 面 文 件 NewsSearch. aspx。 

使 用 Repeater 控件 显示 新 闻 搜索 列表 的 基本 步骤 如 下 : 

(1) 添加 Repeater 控件 。 将 工具 箱 “ 数 据 ” 选 项 卡 中 的 Repeater 控件 拖 放 到 页 面 中 ， 
设置 Repeater 控件 的 ID 属性 值 为 rpNews。 

(2) 在 “ 源 代 码 ” 视 图 中 编写 模板 代码 。 切 换 到 页 面 的 “ 源 代码 ”视图 ,在 二 asp: 
Repeater 二 和 二 /asp:Repeater 二 标记 之 间 编 写 ItemTemplate、AlternatingItemTemplate 
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模板 代码 。 这 里 采用 二 ul 二 列表 标记 结合 样式 控制 来 定义 Repeater 列表 布局 。 
(3) 编写 后 台 代码 绑 定数 据 源 。 
NewsSearch. aspx 实现 代码 如 下 : 


<% 四 Page Language = "C#" MasterPageFile = "一 /NewsPage. Master" AutoEventWireup = "true" 
CodeBehind = "NewsSearch. aspx. cs" Inherits = "Web. NewsSearch" Title= "新 闻 搜 索 " $%> 
<asp:Content ID = "Content1" ContentPlaceHolderID = "ContentPlaceHolder1" runat = "server"> 
< div id= "col"> 
<div class = "box"> 
<div class = "box_title"> 新 闻 搜 索 </div> 
<div class = "box_text"> 
<div> 排 序 方式 : < asp:Button ID = "btnTitleSort" runat = "server" Text = 
" 按 标题 升序 ”OnClick = " btnTitleSort _Click" /> | < asp: Button ID = 
"btnPubDateSort” runat = "server"”Text =" 按 日 期 升序 " OnClick = 
"btnPubDateSort_Click" /> 
</div> 
<div> 
<ul id= "title ul"> 
<1i class = "1i0"> 标 题 </1i> 
<1li class= "1il"> 作 者 </1i> 
<1li class = "1i2"> 日 期 </1i> 
<1li class = "1i3"> 浏 览 次 数 </1i> 
<1i> 类 别 </1i> 
</ul> 
< asp:Repeater ID = "rpNews" runat = "server" EnableViewState = "false"> 
<ItemTemplate> 
<ul id = "content_ ull"> 
<1li class = "1i0">< a href = "NewsDetail. aspx?Id=<% 井 Eval 
("Id")% >"><% # Web. Common. StringHandler. FilterString 
(Eval("Title"). ToString(), 25) %></a></li> 
<liclass="lil"><%# Eval("Author") %></li> 
<liclass="li2"><%# Eval("PubDate") %></li> 
<liclass="l1i3"><%# Eval("Clicks") %></li> 
<1li><%# Eval("NewsCategory. Name") %></li> 
</ul> 
</ItemTemplate> 
< AlternatingItemTemplate> 
<ul id= "content_ul2"> 
<1li class= "1i0"><a href = "NewsDetail.aspx?Id=<% # Eval 
("Id")% >"><% # Web. Common. StringHandler. FilterString 
(Eval("Title"). ToString(), 25) %></a></li> 
<liclass="lil"><%# Eval("Author") %></li> 
<liclass="1li2"><%# Eval("PubDate") %$></li> 
<liclass="1i3"><%# Eval("Clicks") %></li> 
<li><%# Eval("NewsCategory. Name") %></li> 
</ul> 
</AlternatingItemTemplate> 
</asp:Repeater > 
</div> 
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<div id= "page"> 
<asp: Label ID = "]blPage" runat = " server" Text = "" EnableViewState = 
"false"></asp:Label > 
<asp:Button ID = "btnFirst”runat = "server" Text = "首页 " OnClick = 
"btnFirst Click" /> 
<asp:Button ID = "btnPrev" runat = "server" Text =" 上 一 页 " OnClick= 
"btnPrev_Click" /> 
<asp:Button ID = "btnNext" runat = "server" Text = "下 一 页 " OnClick= 
"btnNext Click" /> 
<asp: Button ID = "btnLast" runat = " server"” Text = " 末 页 " OnClick = 
"btnLast_Click" /> 
</div> 
</div> 
</div> 
</div> 
</asp:Content > 


NewsSearch. aspx. cs 实现 代码 如 下 : 


using NewsBLL; 
namespace Web 
{ 
public partial class NewsSearch : System. Web. UI. Page 
‘ 
protected void Page_Load(object sender, EventArgs e) 
{ 
if (!IsPostBack) 
{ 
// 首 次 加 载 , 赋 初 值 
if (Request. QueryString[ "Title"] ! = null) 
{ 
string title = Server.UrlDecode(Request. QueryString["Title"]); 
ViewState[ "Title"] = "Title LIKE '%" + title + "%"™"; 
TextBox txtTitleSearch = (TextBox)Master. FindControl("txtTitleSearch"); 
if (txtTitleSearch ! = null) 


{ 
txtTitleSearch. Text = title; 
} 
} 
else 
{ 
ViewState[ "Title"] = ""; 
} 


ViewState[ "PageIndex"] = 0; 
ViewState[ "SortField"] = "Id"; 
ViewState[ "Direction"] = "DESC"; 
ViewState[ "TitleClick"] = "0"; 
ViewState[ "PubDateClick"] = "0"; 
Databind( ); 
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} 


private void Databind() 


{ 


} 


PagedDataSource pdsNews = new PagedDataSource(); 


// 给 PagedDataSource 对 象 的 相关 属性 赋值 


pdsNews. DataSource = NewsManager. GetNewsPartFieldsByConditions ( ViewState 
["Title"]. ToString ( ), ViewState [ " SortField"]. TbString ( ), ViewState 


["Direction"]. ToString()); 
pdsNews. AllowPaging = true; 
pdsNews. PageSize = 5; 
pdsNews. CurrentPageIndex = PageIndex; 


ViewState[ "LastPageIndex"] = pdsNews.PageCount — 1; 


SetControlState( pdsNews); 

// 把 PagedDataSource 对 象 赋 给 DataList 控件 
rpNews. DataSource = pdsNews; 

rpNews. DataBind( ); 


# region 排序 


protected void btnTitleSort_Click(object sender, EventArgs e) 


} 


ViewState[ "SortField"] = "Title"; 
PageIndex = 0; 


if (ViewState["TitleClick"].ToString() == "0") 


{ 
ViewState[ "TitleClick"] = "1"; 
ViewState[ "Direction"] = "ASC"; 
btnTitleSort. Text =" 按 标题 降序 "; 
} 


else if (ViewState["TitleClick"].ToString() == "1") 


‘ 
ViewState[ "TitleClick"] = "0"; 
ViewState[ "Direction"] = "DESC"; 
btnTitleSort. Text =" 按 标题 升序 "; 

} 

Databind( ); 


protected void btnPubDateSort_Click(object sender, EventArgs e) 


和 


ViewState[ "SortField"] = "PubDate"; 
PageIndex = 0; 


if (ViewState["PubDateClick"].ToString() == "0") 


{ 
ViewState[ "PubDateClick"] = "1"; 
ViewState[ "Direction"] = "ASC"; 
btnPubDateSort. Text =" 按 日 期 降序 "; 
} 


else if (ViewState["PubDateClick"].ToString() == "1") 
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ViewState[ "PubDateClick"] = "0"; 
ViewState[ "Direction"] = "DESC"; 
btnPubDateSort. Text = " 按 日 期 升序 "; 
} 
Databind( ); 
}#endregion 


#region 翻 页 

/// < summary> 

/// 当前 页 数 

/// </summary> 
private int PageIndex 


return (int)ViewState["PageIndex"]; 


ViewState[ "PageIndex" ] = value; 


} 
protected void btnFirst Click(object sender, EventArgs e) 
{ 
PageIndex = 0; 
Databind( ); 
} 
protected void btnPrev_Click(object sender, EventArgs e) 
{ 
PageIndex——; 
Databind( ); 
} 
protected void btnNext_Click(object sender, EventArgs e) 
{ 
PageIndex ++ ; 
Databind( ); 
} 
protected void btnLast_ Click(object sender, EventArgs e) 
{ 
PageIndex = Convert.ToInt32(ViewState["LastPageIndex" ]); 
Databind( ); 
} 
private void SetControlState(PagedDataSource pds) 
{ 
int recNum = pds.DataSourceCount; 
if (recNum > 0) 
| 
btnTitleSort. Enabled = true; 
btnPubDateSort. Enabled = true; 
btnFirst. Enabled = true; 
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btnPrev. Enabled = true; 
btnNext. Enabled = true; 
btnLast. Enabled = true; 
if (pds. IsFirstPage) 
{ 
btnFirst. Enabled = false; 
btnPrev. Enabled = false; 
} 
if (pds. IsLastPage) 
{ 
btnNext. Enabled = false; 
btnLast. Enabled = false; 
} 
lblPage. Text = "第 ”+ (pds. CurrentPageIndex + 1) + " 页 共 " + pds 
.PageCount + " 页 共 " + recNum + " 条 记录 "; 


else 


btnTitleSort. Enabled = false; 
btnPubDateSort. Enabled = false; 
btnFirst. Enabled = false; 
btnPrev. Enabled 
btnNext. Enabled = false; 
btnLast. Enabled = false; 
lblPage. Text = "记录 未 找到 "; 
} 
} #endregion 


false; 


|; 


注意 : 由 于 在 页 面 设计 时 将 搜索 框 txtTitleSearch 置 于 母 版 页 中 ,所 以 在 内 容 页 
NewsSearch. aspx 中 访问 母 版 页 的 控件 时 ,采用 Master. FindControl() 方 法 获取 。 新 闻 
搜索 页 最 终 运行 效果 如 图 6-5 所 示 。 


6.3.3 小 结 


(1) Repeater 控件 使 用 数据 源 返 回 的 一 组 记录 呈现 只 读 列表 。Repeater 控件 不 具备 
内 苟 的 呈现 功能 ,用 户 必须 通过 创建 模板 来 自 定 义 数据 显示 布局 。 当 页 面 运行 时 ,该 控件 
为 数据 源 中 的 每 个 项 重复 此 布局 。 

(2) Repeater 控件 没有 默认 的 外 观 ,不 会 自动 生成 任何 HTML 标签 ,无 内 置 分 页 功 
能 。 只 能 手工 编写 其 模板 代码 和 分 页 功能 。 

(3) ASP.NET 的 五 大 数据 绑 定 控件 GridView DetailsView、FormView DataList、 
Repeater 的 比较 : GridView、DetailsView、FormView 控件 都 是 ASP.NET 4.0 新 增 的 控 
件 , 内 置 了 分 页 等 功能 ，GridView、DataList、Repeater 控件 用 于 呈现 多 条 记录 ， 
DetailsView、FormView 控件 用 于 呈现 单条 记录 明细 ; GridView、DetailsView 控件 的 布 
局 固定 , 自 定义 数据 显示 的 布局 功能 有 限 ,一 般 适 合 布局 简单 的 数据 呈现 。FormView、 
DataList、Repeater 控件 都 有 很 强 的 自 定义 布局 能 力 ,如果 数 据 呈 现 需要 较为 复杂 的 布局 
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SR fe) pooosoaraersearhaepx pal [x Ng coooe PP 
ED | 


您 现 在 的 位 置 : 首页 > 新 六 条 


ET 
FP 方式 ， [本 天 [有 项 订 || 

第 作用 EE 小 
入 四 辐 “了 场 之 里” 本 了 大 夺 亲 2009/08/19 14:51:20 4 9 
100 池 有 位 村 涯 和 守 “ 扫 的 十 " Ft 2009/08/19 14:40:52 2 9 
机 拉动 前 a 2009/07/02 15:00:00 1 WU 
1 要 和 和 hn 2009/07/02 14:49:00 o 9] 
二 Hot100 间 可 50 居 生 时 2009/07/02 11:01:00 o 
第 1 而 共 4 页 共 16 杀 记录 | 局 5 | like ilk) 


友情 合作 
新 总 网易 CSDNi 书 项 少 中国 WEB 第 一 站 PS 在 半 


关于 和 中 - 广 再 天 务 -版 隐私 -免责 声明 - 网 沾 旭 加 - 使 用 站 二 -联系 我们 - 逝 回 面部 


Copyright @ 计 和 机 软件 术 者 直 0931 2009-2012, Al Riohts Reserved. 加 pe TS 让 1444458 


图 6-5 新 闻 搜 索 页 最 终 运 行 效果 
方案 ,这 3 个 控件 是 首选 。 


6.3.4 思考 与 练习 


1. 用 Repeater 控件 完成 首页 中 15 条 最 新 新 闻 和 15 条 最 新 留言 列表 显示 。 
2. 用 Repeater 控件 完成 用 户 留 言 页 中 留言 列表 显示 。 
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任务 7.1 设计 一 个 基于 XML 的 留言 


任务 目标 


(1) 了 解 ASP.NET 访问 XML 数据 所 使 用 的 常用 处 理 类 。 
(2) 掌握 使 用 XmlDataSource 数据 源 控件 和 数据 绑 定 控件 访问 XML 数据 的 基本 方法 。 


7.1.1 访问 XML 的 常用 处 理 类 


XML(eXtensible Markup Language, 可 扩展 的 标记 语言 ) 类 似 于 HTML, 它 也 是 一 
种 用 来 描述 数据 的 标记 语言 。XML 的 优势 在 于 它 可 以 预定 义 数据 结构 扩展 标记 集 ; 可 
以 跨 平 台 使 用 ,并 且 可 以 以 数据 源 的 形式 存在 于 服务 器 端 

.NET Framework 提供 了 丰富 的 组 件 和 类 来 实现 对 XML 数据 的 访问 。 在 .NET 类 
库 中 ,实现 对 XML 文档 进行 操作 的 最 常用 的 扩展 类 是 XmlDocument 类 , 它 是 由 基础 类 
XmlNode 派生 的 。 

XmlDocument 类 的 常用 属性 、 方 法 及 相关 说 明 如 表 7-1、 表 7-2 所 示 。 


表 7-1 XmlDocument 类 的 常用 属性 


属 性 说 明 
DocumentElement 文档 的 根 
ChildNodes 节点 的 所 有 子 节点 
ParentNode 节点 的 父 级 节点 
LastChild 节点 的 最 后 一 个 子 级 节点 
InnerXml 节点 所 包含 的 所 有 XML 内 容 
Name 节点 名 称 


表 7-2 XmlDocument 类 的 常用 方法 


方 法 说 明 
Load 加 载 XML 文档 
CreateElement 创建 一 个 指定 的 元 素 
CreateTextNode 创建 具有 指定 文本 的 XmlText 
CreateNode 创建 一 个 指定 的 XmlNode 
AppendChild 将 指定 节点 添加 到 该 节点 的 子 节点 列表 的 末尾 
SelectNodes 选择 匹配 的 节点 
RemoveChild 移 除 指定 的 子 节点 


Save 保存 XML 文档 到 指定 位 置 
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下 面 通 过 一 个 简单 的 基于 XML 技术 的 留言 板 来 说 明 在 ASP.NET 中 访问 XML 文 
档 的 方法 和 过 程 。 


7.1.2 创建 留言 板 的 XML 文件 和 XSLT 文件 


(1) 运行 Visual Studio 2010。 在 “解决 方案 资源 管理 器 ”面板 中 , 右 击 “解决 方案 
“0931””, 在 弹出 的 快捷 菜单 中 ,选择 “添加 ”一 “新 建 网 站 ”命令 ,在 打开 的 对 话 框 中 新 建 网 
站 Chap7。 

右 击 站 点 名 Chap7 ,在 弹出 的 快捷 菜单 中 选择 “添加 新 项 ”命令 。 在 打开 的 “添加 新 
项 ”对 话 框 中 选择 “XML 文件 ”选项 ,可 以 使 用 默认 文件 名 XMLFile. xml。 在 XMLFile 
. xml 文件 中 添加 一 个 根 级 别 的 元 素 二 message 二 。 

XMLFile. xml 初始 代码 如 下 : 


<?xml version = "1.0" encoding= "utf - 8" ?> 
<message> 
</message > 


(2) 右 击 站 点 名 Chap7 ,在 弹出 的 快捷 菜单 中 选择 “添加 新 项 ”命令 。 在 打开 的 “添加 
新 项 ”对 话 框 中 选择 “XSLT 文件 ”选项 ,可 以 使 用 默认 文件 名 XSLTFile. xsl。 

XSLT( 可 扩展 样式 语言 ) 是 XML 文档 的 样式 文件 , 它 负责 将 XML 文档 转换 成 不 同 
应 用 程序 所 能 接受 的 数据 。 

在 XSLTFile. xsl 文件 中 编写 代码 如 下 : 


<?xml version = "1.0" encoding= "utf 一 8"?> 
<xsl:stylesheet version = "1.0" 
xmlns:xsl = "http://www. w3. org/1999/XSL/Transform"> 
<xsl:template match = "message"> 
<xsl:element name = "message"> 
< xs1:for — each select = "...//record"> 
< xsl:element name = "record"> 
<xsl:attribute name= "id"> 
<xsl:value— of select= "id"/> 
</xsl:attribute> 
<xsl:attribute name = "name"> 
<xsl:value- of select = "name"/> 
</xsl:attribute> 
<xsl:attribute name = "content"> 
<xsl:value— of select = "content"/> 
</xsl:attribute> 
<xsl:attribute name = "msgtime"> 
<xsl:value— of select = "msgtime"/> 
</xsl:attribute> 
</xsl:element > 
</xsl:for — each> 
</xsl:element > 
</xsl:template> 
</xsl:stylesheet > 
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7.1.3 XML 访问 的 公共 类 设计 


运行 Visual Studio 2010。 在 “解决 方案 资源 管理 器 "面板 中 , 右 击 站 点 Chap7 下 的 
App_Code 文 件 夹 ,在 弹出 的 快捷 菜单 中 选择 “添加 新 项 ”命令 。 在 打开 的 “添加 新 项 ”对 
话 框 中 选择 “类 ”选项 ,文件 名 存 为 XmlW rite. cs。 

XmlWrite. cs 中 主要 实现 了 添加 留言 .删除 留言 的 功能 。 主 要 实现 代码 如 下 : 


using System; 
using Systenm. Data; 


using System. Configuration; 


using System. Web; 


using System. Web. Security; 


using System. Web. UI; 

using System. Web. UI. WebControls; 

using System. Web. UI. WebControls. WebParts; 
using System. Web. UI. HtmlControls; 

using System. Xm]; 


/// < summary> 
/// XmlWrite 的 摘要 说 明 
/// </summary> 


public class XmlWrite 


{ 


public XmlWrite( ) 


. 


// TO0D0: 在 此 处 添加 构造 函数 逻辑 


/// < summary> 
/// 写 XML 文 件 
/// </summary> 
public void WriteXML ( string FileName, string id, string name, string content, string 


msgtime) 

{ 
// 创 建 xmlDocument 对 象 实例 
XmlDocument doc = new XmlDocument(); 
// 加 载 mL 文档 


doc. Load(FileName); 


// 以 下 新 建 元 素 - id, name, content, msgtime 
XmlElement ele id = doc.CreateElement("id"); 
XmlText text id = doc.CreateTextNode(id); 


XmlElement ele name = doc.CreateElement("name"); 
XmlText text name = doc.CreateTextNode(name); 


XmlElement ele content = doc.CreateElement("content"); 
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XmlText text_content = doc.CreateTextNode(content); 


XmlElement ele msgtime = doc.CreateElement("msgtime"); 
XmlText text msgtime = doc.CreateTextNode(msgtime); 


// 以 下 新 建 子 节点 ,并 在 节点 中 添加 元 素 
XmlNode newNode = doc.CreateNode("element", "record", ""); 


newNode. AppendChild(ele_id); 
newNode. LastChild. AppendChild( text_id); 


newNode. AppendChild(ele_name); 
newNode. LastChild. AppendChild( text_name); 


newNode. AppendChild(ele_content); 
newNode. LastChild. AppendChild( text_ content); 


newNode. AppendChild(ele_msgtime); 
newNode. LastChild. AppendChild( text_msgtime); 


// 将 子 节点 添加 到 xML 文 档 中 
XmlElement root = doc.DocumentElement; 
root. AppendChild( newNode); 


// 保 存 所 有 修改 
doc. Save(FileName); 


/// < summary> 

/// 删除 xML 文件 中 的 子 节点 

/// </summary> 

public void DeleNote( string FileName, string PassNode) 


XmlDocument doc = new XmlDocument(); 
doc. Load(FileName); 


XmlElement root = doc. DocumentElement;// 文 档 的 根 
// 寻 找 所 有 包含 "id" 元 素 的 子 节点 
XmlNodeList nodes = root.SelectNodes("//id"); 
if (!(nodes == null)) 
{ 
// 遍 历 所 有 包含 "id" 元 素 的 子 节点 
foreach (XmlNode node in nodes) 
{ 
// 找 到 包含 当前 "id" 值 的 节点 元 素 
if (node. InnerXm] == PassNode.ToString()) 
// 删 除 该 节点 元 素 的 父 节点 
root. RemoveChild( node. ParentNode); 
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} 
// 保 存 所 有 修改 
doc. Save(FileName); 


} 
7.1.4 使 用 XmlDataSource 控件 和 DataList 控件 显示 留言 


运行 Visual Studio 2010。 在 “解决 方案 资源 管理 器 ?面板 中 , 右 击 站 点 名 Chap7, 在 
弹出 的 快捷 菜单 中 选择 “添加 新 项 ”命令 。 在 打开 的 “添加 新 项 ”对 话 框 中 选择 “Web 窗 
体 ” 选 项 ,文件 名 存 为 Default. aspx。 

切换 到 “设计 ”视图 ,为 Default. aspx 页 面 添 加 控件 。 从 左 侧 工具 箱 数据 组 中 拖 出 一 
个 XmlDataSource 控件 和 一 个 DataList 控件 。 

右 击 DataList 控件 右上 角 的 小 三 角 按钮 ,在 弹出 的 “DataList 任务 "菜单 中 ,选择 “选择 
数据 源 ”>“ 新 建 数 据 源 ”命令 ,打开 “数据 源 配 置 向 导 ” 对 话 框 ,选择 数据 源 类 型 为 “XML 
文件 ”, 并 在 “为 数据 源 指定 ID" 文 本 框 中 输入 XmlDataSourcel ,如 图 7-1 所 示 。 


XmlDataSourcel 


图 7-1 “数据 源 配置 向 导 ” 对 话 框 


单 击 “ 确 定 ” 按 钮 ,在 随后 弹出 的 “配置 数据 源 -XmlDataSourcel” 对 话 框 中 指定 “数据 
文件 ”和 数据 “转换 文件 ”, 如 图 7-2 所 示 。 
Default. aspx 显示 留言 页 面 主要 代码 如 下 : 


< html xmlns = "http://www. w3.org/1999/xhtml"> 
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/RxmlDatasourcel El 


指定 用 作 此 控件 源 的 XML 数据 文件 。 您 可 以 选择 指定 附加 文件 , 这 些 文件 插 用 来 在 控件 使 用 该 XML 前 修改 它 . 

数据 文件 (D): 

~/XMLFile.xml Es | 
转换 文件 (T): 


转换 文件 介绍 应 如 何 将 XML 文件 结构 转 措 为 其 他 结 冤 。 


XPath 表达 式 (X): 


利用 XPath 表达 式 可 策 选 XML 文件 中 的 数据 ,并且 仅 返 回 该 文件 的 子 集 。 


| 


图 7-2 “配置 数据 源 ” 对 话 框 


< head runat = "server"><title> 0931 在 线 论坛 </title></head><body> 
< form id = "forml”runat = "server"> 
<div> 


<asp:DataList ID = "DataList1" runat = " server”DataSourceID = "XmlDataSource2" 
BackColor = " # COCCCC"” BorderColor = "#999999" BorderStyle = "Solid" BorderWidth = 
"3px" CellPadding = "4" CellSpacing = "2" ForeColor = "Black" GridLines = "Both" 


Width= "1050px"> 
<ItemTemplate> 


序号 : <asp:Label ID = "Label1" runat = "server" Text = <%# Eval("id") % 


>></asp:Label ><br /> 


姓名 : < asp:Label ID = "nameLabel" runat = "server" Text = '< 负 井 Eval 


("name") %>></asp:Label ><br /> 


发 言 内 容 : <asp:Label ID = "msgLabel" runat = " server" Text = '<%# Eval 


("content") %>'></asp:Label ><br /> 


留言 时 间 : <asp:Label ID = "urlLabel" runat = "server" Text = '<%# Eval 


("msgtime") %>'></asp:Label ><br /> 
</ItemTemplate> 
</asp:DataList> 


<asp: XmlDataSource ID = "XmlDataSource2" runat = "server" DataFile = "一 / XMLFile. 


xml " TransformFile = "一 / XMLFile.xsl"> 
</asp:XmlDataSource> 
</div> 
</form> 
</body></html > 


Default. aspx 显示 留言 页 面 运 行 效果 如 图 7-3 所 示 。 
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忽 0931 在 线 论坛 - Windows Internet ES 
nda 
Ys http://localhost:1298/Chap9/Defa ~ | ++ | X | ivesearh Pp- 


高 收 天 仿 0931 在 二 6 坛 芥 - 国 - 己 顺 -EDO- 


序号 ， 2009103232614 

姓名 ， 下 等 兵 

发 言 内 容 。 是 这 样 的 ， 我 页 面 里 面 的 GridVicw， 显 示 的 每 行 记录 后 面 都 有 一 个 “ 册 | 除 ”和 
到 到 用 户 单 击 “ 表 除 ”所 乌 后 ， 所 在 的 那 一 行 中 “单价 ”这 一 列 的 什 是 多 少 应 该 如 何 区 
留言 时 间 ， 2009/10/03 2326 


序号 2009105233655 
发言 内 容 。 我 在 Gdvicw 中 的 模板 列 加 了 一 个 LinkButon 然后 将 它 的 ComaandArgumeatj 
库 的 ID 然后 这 个 LinkButton 会 跳 转 到 另 一 个 页 面 我 就 获得 这 个 ID 在 去 数据 库 


有 保存 对 数据 库 的 ID 
留言 时 间 ， 2009/10/05 2336 


序号 ， 2009105234001 
上 路 


器 Em !! Et 


留言 时 间 ， 20091005 23:40 


序号 ， 2009105235154 

姓名 有 问 必 答 

发 言 内 容 ， GridView 异 板 列 中 的 按钮 如 何 获取 当前 行 的 索引 值 ? 
留言 时 间 ， 2009/10/05 23:51-54 


图 7-3 显示 留言 页 面 运行 效果 


7.1.5 添加 留言 到 XML 文件 中 


右 击 站 点 名 Chap7 ,在 弹出 的 快捷 菜单 中 选择 “添加 新 项 ”命令 。 打 开 * 添 加 新 项 ”对 
话 框 ,选择 “Web 窗 体 ” 选 项 ,添加 留言 页 面 文件 名 存 为 AddMessage. aspx。 

切换 到 “设计 ”视图 ,为 AddMessage. aspx 页 面 添加 若干 个 Label 控件 、TextBox 控 
件 、Button 控件 以 及 RequiredFieldValidator 必 添 控件 。AddMessage. aspx 页 面 界面 设 
计 和 运行 效果 如 图 7-4 所 示 。 


侣 0931 在 线 论坛 -添加 留言 - Windows Internet.. 


OO [enwp/ocahost2 -| |X [a wve se 


二 收 天。 优 0931 在 线 i 坛 :添加 留言 全 ~ 


发 言 内 容 ， 
问题 是 当 单 击 “编辑 " 技 钮 后 如 何 出 现 新 的 界面 ,以 及 产生 对 应 ^ 
的 事件 1 首先 需要 在 GridView 中 添加 模板 列 ， 
这 里 仅仅 添加 三 列 ， 其 中 第 一 列 是 用 于 编辑 〈 即 实现 单 午 编 
辑 ” 按 思 后 认为 0k 和 Cancle 按 包 拓 态 ) 


姓名 ， 冲 到 
提交 时 间 2009/10/06 102:18 


CE 


7-4 “添加 留言 ”页面 
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在 AddMessage. aspx 页 面 中 ,使 用 了 一 个 Label2 控件 ,用 来 自动 显示 并 记录 留言 发 
表 的 日 期 和 时 间 , 注 意 在 AddMessage. aspx. cs 文件 的 Page_Load() 事 件 中 ,需要 用 
Label2. Text 二 DateTime. Now. ToString(); 代 码 给 Label2 的 Text 属性 赋值 。 

AddMessage. aspx 添加 留言 页 面 代码 如 下 : 


< htm]l xmlns = "http://www. w3.org/1999/xhtml"> 
server"><title> 0931 在 线 论 坛 - 添加 留言 </title></head> 


< head runat = 
<body> 
< form id = "forml" runat = "server"> 
<div> 
<table style= "width: 416px"> 
<tr>< td> 发 言 内 容 : </td></tr> 
<tr><td> 
<asp: TextBox ID = " TextBox2" runat = " server" Rows = "8" TextMode 
"MultiLine" Width = "394px"></asp: TextBox> 
<asp: RequiredFieldValidator ID = " RequiredFieldValidator3" runat 
"server" ControlToValidate = "TextBox2" ErrorMessage = "请 填写 留言 内 容 "> 
</asp:RequiredFieldValidator> 
</td></tr> 
<tr>< td> 姓 名 : < asp:TextBox ID = "TextBox1l" runat = "server" Width = "148px"> 
</asp: TextBox > 
<asp:RequiredFieldValidator ID = "RequiredFieldValidator4" runat = "server" 
ControlToValidate = ”TextBoxl " ErrorMessage = "请 填写 姓名 "> </asp: 
RequiredFieldValidator > 
</td></tr> 
<tr><td style = "height: 26px"> 
<asp:Label ID = "Label1" runat = "server" Text = "提交 时 间 "></asp:Label> 
<asp:Label ID = "Label2" runat = "server" Text = "显示 时 间 "></asp:Label> 
</td></tr> 
<tr><td style = "width: 230px"> 
<asp:Button ID = "Button1”runat = "server" OnClick = "Buttonl_Click" Text = " 提 
交 留 言 " /> 
</td></tr> 
</table> 
</div> 
</form> 
</body> 
</html > 


在 AddMessage. aspx. cs 中 编写 如 下 事件 代码 : 


using System. Xm]; 
public partial class AddMessage : System. Web. UI. Page 
{ 
protected void Page_Load(object sender, EventArgs e) 


{ 
Label2. Text = DateTime. Now.ToString(); 
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protected void Buttonl Click(object sender, EventArgs e) 
{ 
if (TextBoxl.Text ! = string. Empty &&TextBox2.Text! = string .Empty) 
{ 
// 获 取 发 言 时 系统 的 日 期 和 时 间 
string date = DateTime . Now . Year.ToString() + DateTime . Now . Month. TbString() + 
DateTime . Now .Day. ToString(); 
string time = DateTime . Now . Hour. ToString() + DateTime . Now .Minute.TbString() + 
DateTime . Now . Second. ToString( ); 
// 构建 留言 序号 
string MessgeID = date + time; 
// 初 始 化 mlWrite 类 
XmlWrite AddMessage = new XmlWrite(); 
RddMessage. WriteXML ( Server. MapPath ( " XMLFile. xml "), MessgeID. ToString ( ), 
TextBox1. Text, TextBox2.Text, Label2.Text); 
// 重 定向 到 首页 浏览 页 面 
Response. Redirect ("Default. aspx" ); 


3. 

说 明 : 

@ 注意 对 留言 序号 的 处 理 , 这 里 用 发 言 时 系统 的 日 期 和 时 间 构 建 了 留言 id。 也 可 以 
用 别 的 途径 解决 留言 序号 的 问题 。 

@ WriteXML() 方 法 所 需 的 第 一 个 参数 是 XMLFile. xml, 后 续 4 个 参数 依次 为 : 留 
言 序号 (id)、 姓 名 (name) 发 言 内 容 (content)、 提 交 时 间 (msgtime) 。 


7.1.6 使 用 XmlDataSource 控件 和 GridView 控件 删除 留言 


右 击 站 点 名 Chap7 ,在 弹出 的 快捷 菜单 中 选择 “添加 新 项 "命令 ,打开 “添加 新 项 ”对 话 
框 ,选择 “Web 窗 体 ”选项 ,删除 留言 页 面 文 件 名 存 为 DelMessage. aspx。 

切换 到 设计 视图 ,为 DelMessage. aspx 页 面 添加 控件 。 从 左 侧 工 具 箱 数据 组 中 拖 出 
一 个 XmlDataSource 控件 和 一 个 GridView 控件 。 

右 击 GridView 控件 右上 角 的 小 三 角 按钮 ,在 弹出 的 “GridView 任务 ”菜单 中 ,选择 
“选择 数据 源 ”-~ 新 建 数据 源 ” 命 令 ,打开 “数据 源 配置 向 导 ? 对 话 框 ,选择 数据 源 类 型 为 
“XML 文件 ”, 并 在 “为 数据 源 指定 ID" 文 本 框 中 输入 XmlDataSourcel ,如 图 7-1 所 示 。 

单 击 “ 确 定 ” 按 钮 ,在 随后 弹出 的 配置 数据 源 对 话 框 中 指定 “数据 文件 "和 数据 “转换 文 
件 ”, 如 图 7-2 所 示 。 

单 击 GridView 控件 右上 角 的 小 三 角 按钮 ,在 弹出 的 “GridView 任务 "菜单 中 选择 “添加 
新 列 ” 命 令 ,打开 “添加 字段 ”对 话 框 ,选择 字段 类 型 为 TemplateField 、 页 眉 文本 为 “删除 ”, 单 
击 “ 确 定 ” 按 钮 。 在 “GridView 任务 ”对 话 框 中 ,再 选择 “编辑 模板 ” 列 , 在 ItemTemplate 中 添 
加 一 个 LinkButton 控件 。 单 击 LinkButton 控件 右上 角 的 小 三 角 按钮 ,在 弹出 的 “LinkButton 
任务 "菜单 中 选择 “编辑 DataBindings” 命 令 , 在 打开 的 LinkButtonl DataBindings 对 话 框 
中 ,选择 要 绑 定 的 CommandArgument 属性 为 id, 如 图 7-5 所 示 。 
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一 
LinkButtonl DataBindings 


选择 要 纤 定 到 | 的 履 性 ， 然 后 可 通过 选择 字段 来 绑 定 它 。 也 可 使 用 自 定义 代码 表达 式 绑 定 它 。 


可 部 证 尾 性 (P): 为 CommandArgument 绑 定 
[ET | @=>pyreg: 
辕 Enabled 避 
锋 Text 绑 定 到 (B)- 
茄 visible 

格式 (O): 


示例 (S): 


日 自 定义 绑 定 (O: 
代码 表达 式 (日 : 
Eval("id") 


图 7-5 LinkButtonl DataBindings 对 话 框 


DelMessage. aspx 删除 页 面 主要 代码 如 下 : 


< form id= "forml" runat = "server"> 
<div> 
<asp: GridView ID 


" GridViewl" runat = " server" AllowPaging = "True" 
RutoGenerateColumns = " False" DataSourceID = " XmlDataSource2" Width = "" 
OnRowCommand = "GridViewl_ RowCommand" CellPadding = " 4" ForeColor ="# 
333333" GridLines = "None"> 

<Columns> 
<asp:BoundField DataField = "id" HeaderText = "编号 " SortExpression= "id" /> 
<asp:BoundField DataField = "name" HeaderText = "姓名 " SortExpression = "name" /> 
<asp: BoundField DataField = "content" HeaderText = "发 言 内容 " SortExpression = 
"content" /> 
<asp:BoundField DataField = "msgtime” HeaderText = "留言 时 间 "” SortExpression = 
"msgtime" /> 
<asp:TemplateField HeaderText = "删除 "> 
< ItemTemplate > 
<asp:LinkButton ID = "LinkButton1”runat = "server" CommandArgument = 
<$ 上 韦 Eval ( "id") $% > ”CommandName = "Del”CausesValidation = 
"false"> 删 除 </asp:LinkButton> 
</ItemTemplate> 
</asp: TemplateField> 
</Columns > 
</asp:GridView> 
<asp: XmlDataSource ID = "XmlDataSourcel" runat = "server" DataFile = "~/ XMLFile 
.ml " TransformFile= "~/ XSLTFile. xsl "> 
</asp:XmlDataSource> 
</div> 
</form> 
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右 击 “GridView 控件 ”, 在 弹出 的 快捷 菜单 中 可 以 为 GridView 选择 “自动 套用 格式 ” 
子 菜单 中 的 色彩 方案 。 限 于 篇 幅 , 这 里 省 略 了 页 面色 彩 方案 部 分 的 代码 。 
右 击 “GridView 控件 ”, 在 弹出 的 快捷 菜单 中 选择 “属性 ”命令 ,打开 “属性 ”窗口 ,在 
GridViewl 的 属性 窗口 中 , 单 击 “ 事 件 ” 按 钮 。 双 击 触 发 RowCommand 事件 ,在 DelMessage. 
aspx. cs 文件 中 编写 GridView1l_RowCommand 事件 代码 如 下 : 


using System. Xml]; 
public partial class DelMessage : System. Web. UI. Page 


{ 
protected void GridView1_RowCommand(object sender, GridViewCommandEventArgs e) 


{ 

if (e.CommandName == "Del") 

{ 
// 初 始 化 XmlWrite 类 
XmlWrite WriteMessage = new XmlWrite(); 
// 获 取 选 中 的 待 删 行 的 "id" 值 
string passid = e.CommandArgument. ToString(); 
WriteMessage. DeleNote( Server. MapPath( "XMLFile. xml"), passid ); 


¥ 


注意 : DeleNote () 方 法 所 需 的 第 一 个 参数 是 XMLFile. xml, 第 二 个 参数 passid 是 单 击 
“删除 ”按钮 时 ,页 面 传递 过 来 的 待 删 留言 的 id 值 。id 参数 值 传递 的 设置 参见 图 7-5 所 示 的 
LinkButtonl DataBindings 对 话 框 ,在 其 中 设置 LinkButton 控件 的 CommandArgument 属 
性 值 为 “二 %# Eval("id") % 二 ”。 

DelMessage. aspx 删除 留言 页 面 运行 效果 如 图 7-6 所 示 。 


四 http://localhost:1298/Chap9/DelMessage.aspx 
个 ea | | 从 EEETE 页 而 (P) ”安全 (S) ” 工具 (0) ~ 


留言 H 问 型 四 


下 是 这 样 的 ， 我 页 面 里 面 的 GridView， 显 示 的 每 行 记录 后 面 都 有 一 个 “删除 ” 
2009103232614 二。 和 "编辑 "的 按钮 当下 让 瑟 全 三 外 有 事件 半数 了 到 用 六 
是 “删除 ”按钮 后 ， 所 在 的 那 一 行 中 “单价 ”这 一 列 的 值 是 多 少 应 该 如 何 著 。2326 
取 ? 廊 枯 解 答 ， 谢 谢 一 
我 在 GridView 中 的 模板 列 加 了 一 个 LinkButon 然后 将 它 的 CommandArguent 
009105233655 中 形 主 了 数据 库 中 的 主键 于 现在 相交 得 区 舍 中 全 行 的 对 应 数据库 和 加 做 20090s 册 
士 后 这 个 LiskButon 会 中 转 到 另 一 个 页 画 我 就 甘 得 这 个 ID 在 去 数据 库 进 行 2336 
查询 。 我 本 未 是 用 Session 做 的 保存 后 来 发 现 并 没有 保存 对 数据 库 的 四 


新 人 
试 了 很 多 种 办 法 但 是 总 是 页 面 报错 说 我 在 另 一 个 页 面 获 得 Scssioa 人 的 时 200911005 
2009105234001 王储 村 起 和 这 在 时 和 中 写 什么 代码 200901 
攻 才能 够 实现 我 所 说 的 功能 感谢 原 谢 ! ! ! 急 ! : 


有 


2009105235154 人 


GridView 蕉 板 列 中 的 按钮 如 何 获取 当前 行 的 索引 什 ? 3 昌 


7-6 ”删除 留言 页 面 运 行 效果 
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7.1.7 小 结 


因为 XmlDataSource 数据 源 控件 不 支持 Insert、Update 以 及 Delete 等 方法 ,所 以 需 
要 为 访问 XML 封装 ,设计 公 共 类 ,编写 增 \、 删 \ 改 、 查 XML 数据 的 方法 。 


7.1.8 思考 与 练习 


参照 本 书 任务 9. 1(9. 1. 8 小 节 ) 中 AspNetPager 分 页 控件 的 使 用 ,给 显示 留言 页 面 
加 上 分 页 功能 。 
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任务 8.1 使 用 Web 服务 查询 发 布 天 气 预报 


任务 目标 


(1) 了 解 Web 服务 的 概念 以 及 应 用 前 景 。 
(2) 掌握 创建 Web 服务 和 使 用 Web 服务 的 方法 。 


8.1.1 Web 服务 概述 


Web 服务 提供 了 一 种 可 以 在 不 同 编程 语言 ,不同 体系 架构 以 及 不 同 操作 系统 的 Web 
应 用 程序 之 间 交 互通 信和 的 平台 。Web 服务 是 建立 在 XML、SOAP (Simple Object Access 
Protocol, 简 单 对 象 访问 协议 )、WSDL(Web Services Definition Language, Web 服务 定义 
语言 ) 和 UDDI(Universal Description Discovery Integration, 统 一 描述 、 查 找 , 集 成 ) 等 
Web 行业 开放 标准 的 基础 上 的 ,允许 任何 人 开发 或 者 使 用 它们 。 

Web Service 通过 SOAP 协议 来 实现 XML 格式 数据 的 传输 ; WSDL 是 一 个 用 来 描 
述 Web Service 访问 方式 的 XML 文档 ; UDDI 是 用 来 注册 发 布 Web Service 和 搜索 发 现 
Web Service 信息 的 一 个 标准 。 

有 越 来 越 多 的 商务 应 用 、 金 融 财 务 事务 乃至 公共 服务 使 用 Web 服务 模式 ,有 人 预测 
Web 服务 将 成 为 未 来 动态 商务 Web 的 主流 技术 。 


8.1.2 一 个 简单 的 Web 服务 实例 


下 面 通过 Visual Studio 提供 的 Web 服务 样 例 来 说 明 创建 一 个 Web 服务 和 使 用 
Web 服务 的 过 程 。 

创建 一 个 Web 服务 的 过 程 如 下 : 

(1) 运行 Visual Studio 2010。 选 择 * 文 件 ”~~* 新 建 网 站 ” | 国 回 器 囊 咱 


忆 E\Webservicel\ 


命令 ,在 弹出 的 “新 建 网 站 ?对 话 框 中 选择 “ASP.NET 空 网 站 ” | ,6 appcoge 
模板 , 单 击 * 浏 览 "按钮 选择 站 点 路 径 *E:\WebServicel”, 给 网 站 | essevee 


命名 为 WebServicel 。 注 意 这 是 一 个 提供 Web 服务 的 网 站 。 
(2) 单 击 “确定 ”按钮 ,在 “解决 方案 资源 管理 器 "中 右 击 i 
“WebService1” 站 点 ,在 弹出 的 快捷 菜单 中 选择 “添加 新 项 ”" 命 ”图 8-1 Web 服务 网 站 


令 , 弹 出 的 “添加 新 项 ”对话 框 ,然后 选择 "Web 服务 ”。 WebServicel 


(3) 单 击 “ 添 加 ”按钮 ,在 “解决 方案 资源 管理 器 "中 可 以 看 到 
用 来 实用 Web 服务 的 WebService. asmx 文件 和 WebService. cs 文件 ,如 图 8-1 所 示 。 
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在 WebService. cs 文件 中 ,有 自动 生成 的 代码 如 下 : 


using System; 

using System. Web; 

Using System. Web. Services; 

using System. Web. Services. Protocols; 


[WebService(Namespace = "http://tempuri.org/")] 
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfilel 1)] 

//[System. Web. Script. Services. ScriptService] ”// 使 用 AJAX 时 取消 该 行 注释 
public class WebService : System. Web. Services. WebService 


{ 
public WebService () 
{ 
//InitializeComponent( ); // 如 果 使 用 设计 的 组 件 ,请 取消 该 行 注释 
} 
[WebMethod] 
public string HelloWorld() { 
return "Hello World"; 
} 
} 


在 这 里 ,模板 定义 了 一 个 public 类 WebService, 它 继承 自 System. Web. Services. 
WebService 类 。WebService 类 中 已 经 定义 了 一 个 Web 服务 方法 HelloWorld() ,调用 该 
方法 将 返回 一 个 "Hello World" 字 符 串 。 

为 区 别 于 其 他 网 站 的 Web 服务 ,可 以 修改 Web 服务 的 默认 命名 空间 ,比如 可 以 改 为 
Namespace = "http://www. 0931. org/"。 

打开 WebService. asmx 文件 ,其 中 只 有 一 行 代 码 , 照 录 如 下 : 

<% @ WebService Language = "C#" CodeBehind = "~/App_Code/WebService. cs" Class = "WebService" %> 

(4) 在 “解决 方案 资源 管理 器 ”面板 中 右 击 “WebService1” 站 点 名 ,在 弹出 的 快捷 菜单 中 
选择 “生成 网 站 ”命令 。 网 站 生成 后 , 右 击 WebService. asmx 文件 ,在 弹出 的 快捷 菜单 中 选择 
“在 浏览 器 中 查看 ”命令 。WebService. asmx 运行 结果 如 图 8-2 所 示 。 可 记 下 此 Web 服 
务 页 面 (WebService. asmx) 的 URL: http://localhost: 1032/WebServicel/ WebService 
.asmx 备用 。 至 此 ,一 个 Web 服务 创建 完毕 。 


WebService Web 服务 - Windows Internet Explorer 
文件 四 竟 得 @) 查看 9 收 辣 罗 工具 上 帮助 0 


四 三 -四 - 国 国 担 甩 是 责 smx 四 | 合 . 生 国 - 


地 址 外) | 罩 http://lecuhest:10327Webservicel/rebservi ce amx 


WebService 


支持 下 列 换 作 。 有 关 正 式 定义 ， 请 查看 最 务 说 明 . 


。 Helloworld 


图 8-2 ”查看 WebServicel 提供 的 Web 服务 
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可 wYebservice Web 服务 - Windows Internet Erplorer 


文件 时) 编辑 区 ) 查看 WD 收藏 和 ) 工具 G) 帮助 四 
g S A, .县 到 
四 银 - 四- 国 国 曲 甩 咎 交 tax @ 全 -举国 
图 htte:yioealhest10327febServicel/rsbservice aax?op=lalloterla 
WebService 
单 击 此 处 ， 获 职 完整 的 近 作 列表 。 


Helloworld 

测试 
若 要 使 用 HTTP POST 协议 对 拘 作 进行 测试 ， 请 单 击 “ 调 用 ” 控 钵 

| 

SOAP 1.1 
以 下 是 SOAP 1.2 请 求 和 啊 应 示例 。 所 显示 的 占 位 符 需 警 执 为 实际 值 
PosT /WebServicel/Vebservice, asmx HTTP/1.1 
Host: localhosr 
Content-Type: text/xml; charset=utf-8 


Content-Length: length 
SOAPhction: "http://wuw.0931.0rg/HelloWorld" 


ET Te 


图 8-3 Web 服务 的 测试 调用 窗口 


单 击 “ 调 用 ”按钮 ,可 以 对 此 Web 服务 进行 调用 测试 ,测试 结果 如 图 8-4 所 示 。 


E http://localhost:1032/WebSerwi 


文件 于 编辑 FE) 查看 0D 收 训 0) 工具 IJ) 帮助 00D 


四 银 - 目 - 国 国手 | 几时 净 mx 思 | 全- 且 国 


<?xml version="1.0" encoding="utf-8" ?> 
<string xmins="http;//www.0931.0rg/">Hello World</string> 


图 8-4 测试 返回 结果 


以 下 是 使 用 Web 服务 的 过 程 ,说 明 如 何在 另 一 服务 器 或 者 另 一 网 站 上 使 用 上 述 
Web 服务 。 

(1) 创建 使 用 Web 服务 的 网 站 。 运 行 Visual Studio 2010, 选 择 莱 单 “ 文 件 ”>“ 新 建 网 
站 ”命令 ,打开 “新 建 网 站 ”对 话 框 ,选择 “ASP.NET 网 站 ”选项 ,给 网 站 命名 为 
WebService?2, 

(2) 在 “解决 方案 资源 管理 器 ”面板 中 右 击 WebService2, 在 弹出 的 快捷 菜单 中 选择 
“添加 Web 引用 ”命令 。 在 图 8-5 所 示 的 “添加 Web 引用 ”对 话 框 的 URL 地 址 栏 中 ,输入 
提供 Web 服务 的 WebService. asmx 页 面 的 URL:http://localhost:1032/WebServicel/ 
WebService. asmx。 此 URL 是 之 前 记 下 备用 的 ,是 WebServicel 网 站 提供 Web 服务 的 
WebService. asmx 页 面 的 URL。 也 可 以 在 图 8-2 所 示 的 下 浏览 器 的 地 址 栏 中 看 到 。 

注意 : 发 布 Web 服务 的 页 面 URL 的 端口 号 是 随机 发 生变 化 的 。 另 外 ,如 果 提 供 
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请 定位 到 提供 Web 服务 的 URL ,然后 单 击 “ 添 加 引用 "按钮 ,添加 位 于 该 URL 上 的 所 有 可 用 服务 。 


ora olaaa 


URL(U): [http /focalhost1032WebService iWebSenvice asmx ome 


i 
2ErVICe FT 本 
支持 下 列 榜 作 。 有 关 正式 定义 ， 请 查看 服务 说 明 。 


。 Helloworld 


图 8-5 “添加 Web 引用 ”对 话 框 


Web 服务 的 网 站 在 另 一 服务 器 上 , 则 localhost 应 当 是 别 的 


= jic... x, 

服务 器 的 域名 或 IP 地 址 。 | 

单 击 * 一 "按钮 , 待 找到 位 于 此 URL 上 的 Web 服务 后 ， | 辑 租 x 方案 “webservice2" (1 人 | 
输入 Web 引用 名 ,这 里 命名 为 WebServ1。 ee 

(3) 单 击 “ 添 加 Web 引用 ”对 话 框 中 的 “添加 引用 ” 按 A 
钮 ,一 个 以 WebServl 命名 的 SOAP 代理 类 自动 生成 ,如 at 
图 8-6 所 示 。 其 中 WebService. wsdl( Web Service Description | De 
Language,WSDL) 是 一 个 XML 格式 的 描述 文档 ,说 明 此 国 Default.aspx.cs 一 
Web 服务 中 定义 的 类 方法 以 及 所 需 参数 等 。 ee 二 

在 站 点 应 用 程序 配置 文件 Web. Config 的 一 appSettings 一 0 
节点 中 ,可 以 看 到 自动 增加 的 代码 如 下 : 6 生成 WobSuevl 民 理 尖 


< configuration> 
< appSettings > 
< add key = " WebServ1. WebService" value = "http://localhost: 1032/WebServicel/ 
WebService. asmx"/> 
</appSettings> 


</configuration> 


注意 : 当 发 布 Web 服务 的 页 面 URL 或 端口 号 发 生变 化 时 ,要 在 此 修改 value 的 值 。 
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至 此 ,站 点 A 上 的 Web 服务 成 为 站 点 B 上 的 一 个 内 置 类 ,站 点 B 可 通过 此 (内 置 的 ) 
代理 类 向 Web 服务 发 送 请 求 并 返回 结果 。 
(4) 在 Default. aspx 页 面 添加 1 个 Label 控件 和 1 个 Button 控件 ,用 来 调用 Web 服 
务 和 显示 调用 结果 。Default. aspx 页 面 的 主要 代码 如 下 : 


<html xmlns = "http://www. w3.org/1999/xhtml" > 
< head runat = "server"><title> 调 用 Web 服务 </title></head> 
<body> 
< form id = "forml" runat = "server"> 
<div> 
<asp:Label ID = "Labell"” runat = "server" Text = "显示 返回 结果 "></asp:Label> 
<asp: Button ID = "Button1” runat = " server"” Text = "获取 Web 服务 "OnClick = 
"Button1_Click"/> 
</div> 
</form> 
</body> 
</html > 


在 Default. aspx. cs 的 Buttonl_Click 中 编写 如 下 代码 。 
protected void Buttonl Click(object sender, EventArgs e) 
{ 
// 创 建 代理 类 对 象 实例 并 调用 实例 方法 站 Eee 
WebServ1. WebService simpleWebServ = new Webserv1. II[BMRWeDRs Wndowsint. |O| 


Wiebservice(); GO- [een 
string strResult = simpleWebServ.HelloWorld(); 
、 次 收藏 天” 优 调用 Web 服 务 
// 返 回 结果 赋值 给 Label1 
Labell. Text = strResult; Hello World 获取 Web 服 务 


} 


(5) 运行 Default. aspx, 单 击 “ 获 取 Web 服务 按钮 ,在 “三 一 = 
Labell 中 将 显示 调用 此 Web 服务 的 结果 ,如 图 8-7 所 示 。 图 8-7 调用 Web 服务 结果 


8.1.3 一 个 返回 DataSet 对 象 的 电话 区 号 查询 Web 服务 实例 


下 面 开发 一 个 提供 电话 区 号 查询 的 Web 服务 : 输入 城市 名 称 , 即 可 返回 一 个 对 应 的 
电话 区 号 。 以 此 为 例 ,进一步 说 明 一 个 实用 的 Web Service 的 创建 和 使 用 过 程 。 

此 查询 类 的 Web 服务 返回 的 是 一 个 DataSet 对 象 , 提 供 此 Web Service 的 站 点 需要 
有 后 台数 据 源 支持 ,这 里 使 用 SQL Server 2008 数据 库 。 数 据 库 表 telecode 的 简单 设计 
如 表 8-1 所 示 。 


表 8-1 telecode 表 结 构 


字 段 名 字段 类 型 主键 及 字段 属性 
id int 主键 ,标识 增 量 1 ,标识 种 子 1 
CityName nchar(10) 城市 名 
TelephoneCode nchar(10) 电话 号 码 


163 


ASP NET 动态 网 站 开发 项 目 化 教程 第 2 版 ) 

Web Service 的 创建 过 程 如 下 : 

(1) 运行 Visual Studio 2010。 在 “解决 方案 资源 管理 器 "面板 中 , 右 击 Web 服务 网 站 
EE:\WebServicel\ ,在 弹出 的 快捷 菜单 中 选择 “添加 新 建 项 "命令 ,在 弹出 的 “添加 新 项 ”对 
话 框 中 ,选择 “SQL 数据 库 ”, 创 建 一 个 名 为 webServInfo. mdf 的 数据 库 及 数据 库 表 
telecode。 数 据 库 及 表 的 创建 步骤 参照 5. 1. 3 小 节 。 

选择 将 WebServInfo. mdf 放 在 App_Data 文件 夹 中 。 在 “服务 器 资源 管理 器 ”面板 中 
右 击 “ 数 据 连 接 ”, 在 弹出 的 快捷 菜单 中 选择 “添加 连接 ”命令 ,在 弹出 的 “添加 连接 ”对 话 框 
中 ,选择 数据 源 为 “Microsoft SQL Server 数据 库 文件 (SqlClient)”; 单 击 “浏览 ”按钮 , 选 
择 数 据 库 文件 名 ,这 里 是 EE:\WebServicel\App_Data\webServInfo. mdf。 在 连接 数据 库 
时 ,可 以 使 用 SQL Server 身份 验证 ,输入 数据 库 用 户 名 和 密码 ,也 可 以 使 用 Windows 身 
份 验证 ,这 里 使 用 Windows 身份 验证 , 单 击 “ 测 试 连接 ”按钮 ,测试 是 否 连 接 成 功 。 

在 Web. config 配置 文件 的 二 appSettings 记 节点 中 添加 如 下 数据 库 连 接 字符 串 代码 。 


< configuration> 
< appSettings/> 
< connectionStrings > 
< add name = " webServInfoConnectionString" connectionString = "Data Source = 
. \SQLEXPRESS; AttachDbFilename = | DataDirectory | \ webServInfo. mdf; Integrated 
Security = True;User Instance = True" providerName = "System. Data. SqlClient" /> 
</connectionStrings > 


</configuration> 


如 何在 Web. config 配置 文件 中 自动 生成 数据 库 连 接 字符 串 以 及 Web. Config 文件 
中 数据 库 连 接 字 符 串 获取 的 详细 说 明 。 

(2) 在 WebService. cs 文件 的 public class WebService 类 定义 中 增加 一 个 
getTelephoneCode WebMethod。WebService. cs 的 实现 代码 如 下 : 


using System; 

using System. Web; 

using System. Web. Services; 

using System. Web. Services. Protocols; 
using System. Data; 

using System. Data. SqlClient; 


[WebService(Namespace = "http://www.0931.org/")] 
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfilel 1)] 
public class WebService : System. Web. Services. WebService 
{ 
public WebService() 
{ 
// 如 果 使 用 设计 的 组 件 ,请 取消 注释 以 下 行 
//InitializeComponent(); 
} 


[WebMethod] 
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public string HelloWorld() 
{ 


return "Hello World"; 


} 


[WebMethod] 
public DataSet getTelephoneCode( string cityName) 
E 

// 创 建 SqlConnection 对 象 

SqlConnection conn = null; 

// 设 置 数据 在 内 存 中 的 缓存 DataSet 

DataSet ds = null; 


try 

{ 
// 从 Web. Config 中 获取 数据 库 连 接 字符 串 
string strConn = System. Configuration. ConfigurationManager. ConnectionStrings 
["WebServInfoConnectionString" ]. ConnectionString; 


// 准 备 SQL 语句 (模糊 查询 ) 
string strSql = "Select * From telecode Where CityName LIKE'%" + cityName + "%"; 


// 初 始 化 SqlConnection 类 的 新 实例 .使 用 using 语句 可 以 及 时 释放 资源 
using (conn = new SqlConnection(strConn) ) 
// 初 始 化 DataSet 类 的 新 实例 
ds = new DataSet(); 
conn. Open( ) ;// 打 开 数 据 库 连接 


// 定 义 一 个 adapter 执行 SQL Server 命令 并 保存 数据 
SqlDatahdapter da = new SqlDataAdapter(strSql, conn); 


da.Fill(ds); // 给 DataSet 填充 数据 
return (ds); // 返 回 DataSet 
} 
} 
catch (SqlException) 
{ 
return ds = null; 


上 


} 


(3) 在 “解决 方案 资源 管理 器 "面板 中 右 击 E:\WebServicel\ ,在 弹出 的 快捷 菜单 中 
选择 “生成 网 站 ”命令 。 网 站 生成 后 , 右 击 WebService. asmx 文件 ,在 弹出 的 快捷 菜单 中 
选择 “在 浏览 器 中 查看 ”命令 。WebService. asmx 运行 结果 如 图 8-8 所 示 。 可 记 下 此 Web 
服务 页 面 的 URL:http://localhost:1032/WebServicel/WebService. asmx 备用 。 至 此 ， 
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一 个 Web 服务 创建 完毕 。 


在 图 8-8 所 示 的 “Service Web 服务 页面 中 单 击 getTelephoneCode 超 链接 ,可 以 看 
到 此 Web 服务 的 测试 调用 窗口 ,如 图 8-9 所 示 。 


号 webservice Web 服务 


Windows Internet Explorer 


文件 四。 所 回 时) 查看 WD 路 豪 归 工具 中 大助 如 


@ 于 -日 - 国 国 的 时 交 mx 加 合生 
结 让 国力 Mtp//1ocelhost:1032/YebServicel /YebService em 
WebService 


支持 下 列队 作 。 有 关 正式 定义 ,请 查看 县 务 说 明 . 


。» Helloworld 


机 本 地 Intranet 
图 8-8 ”WebService. asmx 运行 结果 
马 WebService Web 服务 - Windows Internet Explorer 
文件 中” 编 铝 革 ) 查看 WW) 收藏 由 ) 工具 CI) 帮助 Qj) 
@ia- 日 - 国 回 的 es 丙 sax @ | 会 -对 国 - 
痢 hp /floc bor. 1032/TedServicel /ebS orvice ra?7op=eetTel ephoneCode 
WebService 


单 击 此 处 ， 获 职 充 整 的 欣 作 列表 


getTelephoneCode 
测试 


若 要 使 用 HTTP POST 协议 对 拘 作 进行 而 试 ， 请 单 击 “ 调 用 ” 控 钮 。 


ityName: 


| 
SOAP 1.1 
以 下 是 SOAP 1.2 请 求 和 只 应 示例 。 所 显示 的 占 位 符 需 符 执 为 实际 值 . 


POST /WebServicel/VebService.aswx HTTP/1.1 
Host: localhost 


Content-Type: text/xml; charset=utf£-9 
Content-Length: length 
SOAPAction: "http://www.0931.0rg/getTelephoneCode" 


‘<Ixml version="1.0" encoding="utf-B6"7> 


<s0ap: Envelope xmlns:xsi="http://vwy.v3.org/2001/XNLSchema-instance" ximlns:xsd="http://Wew. 3 
<soap: Body> 


<gecTelephonecode xmins="http://www.0931.0rg/"> 
<cityName>string</cityName> 
</getTelephoneCode> 
</soap:Body> 
</30a0:Envelove> 


ED 


司 # Teaet 


图 8-9 ”Web 服务 的 测试 调用 窗口 


以 下 是 在 另 一 服务 器 网 站 上 使 用 上 述 网 站 提供 的 Web 服务 的 过 程 。 
(1) 运行 Visual Studio 2010 ,打开 网 站 WebService2 。 
(2) 在 “解决 方案 资源 管理 器 ”面板 中 右 击 E:\WebService2\, 在 弹出 的 快捷 菜单 中 


选择 “添加 Web 引用 ”命令 。 在 打开 的 “添加 Web 引用 ”对 话 框 的 URL 地 址 栏 中 ,输入 提 
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此 i 页 4 9 i 
供 Web 服务 的 WebService. asmx 页 面 的 URL:http:// x 加 


localhost:1032/WebServicel /WebService. asmx。 [总 | 鲁 田 同 ET 
单 击 “ 一 ”按钮 , 待 找到 位 于 此 URL 上 的 Web 服务 ey 
后 ,输入 Web 引用 名 ,这 里 命名 为 TeleCode。 加 App_WebReferences 
向 国 


(3) 单 击 * 添 加 引用 "按钮 ,在 * 解 决 方案 资源 管理 ‖ “SEE 
器 "面板 中 ,可 以 看 到 一 个 以 TeleCode 命名 的 SOAP 代 wb Sn 


一 四 WebSservice wsdl 


理 类 自动 生成 ,如 图 8-10 所 示 。 ee 


在 站 点 配置 文件 Web. Config 的 一 appSettings 之 节 | 国 Defoultaspx 
基 Web.Confi 


点 中 ,可 以 看 到 自动 增加 了 一 行 代码 如 下 : 


图 8-10 生成 的 TeleCode 代理 类 
< configuration> 


< appSettings > 
<add key = " WebServ1. WebService" value = " http://localhost: 1032/WebServicel/ 
WebService. asmx"/> 
<add key = " TeleCode. WebService" value = " http://localhost: 1032/WebServicel/ 
WebService. asmx"/> 
</appSettings > 


</configuration> 


至 此 ,站 点 1 上 的 Web 服务 成 为 站 点 2 上 的 一 个 内 置 类 ,站 点 2 可 通过 此 (内 置 的 
TeleCode 代理 类 向 Web 服务 发 送 请 求 并 返回 结果 。 

(4) 在 WebService2 站 点 下 ,新 建 一 个 Default2. aspx 页 面 ,用 来 充当 输入 查询 的 用 
户 界面 。 在 页 面 上 添加 1 个 Label 控件 、1 个 TextBox 控件 、1 个 Button 控件 和 1 个 
GridView 控件 。 

Default2. aspx 的 主要 代码 如 下 : 


<head runat = "server"><title> Web Service 查询 电话 区 号 </title></head><body> 
< form id= "forml" runat = "server"> 
<div> 
<asp:Label ID = "Labell" runat = "server" Text = "输入 城市 名 "></asp:Label> 
<asp:TextBox ID = "TextBox1" runat = "server"></asp:TextBox> 
<asp:Button ID = " Button1” runat = "server” Text = "查询 电话 区 号 ”Onclick = 
"Buttonl_Click" /> 
<asp:GridView ID = "GridViewl" runat = "server" AllowPaging = "true" PageSize = "6"> 
</asp:GridView> 
</div> 
</form></body > 


在 Default2. aspx. cs 文件 的 Buttonl_Click 中 编写 代码 如 下 : 


Protected void Button1_Click(object sender, EventArgs e) 
{ 
if (this.TextBoxl. Text ! = "") 


{ 
string city name = this.TextBoxl. Text; 


// 创 建 代理 类 实例 
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TeleCode. WebService TeleCodeWebServ = new TeleCode. WebService(); 
// 创 建 DataSet 类 实例 
DataSet ds = new DataSet(); 


// 调 用 代理 类 的 实例 方法 ,返回 DataSet 对 象 

ds = TeleCodeWebServ.getTelephoneCode(city name); 
// 给 Gridview 控件 指定 数据 源 

this. GridViewl.DataSource = ds; 

this. GridViewl. DataBind( );// 执 行 绑 定 


else 


Response. Write("< script > alert( ' 查 询 区 号 请 输入 城市 名 称 ! ')</script >"); 


(5) 运行 Default2. aspx, 输 入 省 份 或 城市 名 , 单 击 “ 查 询 电 话 区 号 ”按钮 ,调用 Web 服 
务 结果 如 图 8-11 和 图 8-12 所 示 。 


合 四 - 峰 hapmoanos: 回 同 四 


资 ta。 个 web seviceahatisK.| | | 从 


GO- S| httpyyiocalhost =] [B+)| 


次 mk。 侈 web sevicemaaua 区 .| 


查询 电话 区 号 

id CityName TelephoneCode 
1 浙江 温州 0577 

2 浙江 永嘉 0577 

3 浙江 丽水 0578 

4 浙江 遂 昌 0578 

5 浙江 台州 0576 

6 浙江 黄岩 0576 

12 


输入 城市 名 [而 不 
查询 电话 区 号 


id CityName TelephoneCod 
3 浙江 丽水 0578 


8-12 调用 Web 服务 结果 (2) 


图 8-11 调用 Web 服务 结果 (1) 


8.1.4 使 用 Web 服务 查询 发 布 天 气 预报 


在 Internet 上 可 以 检索 到 一 些 比较 稳定 的 .免费 提供 天 气 预报 Web 服务 的 网 站 ,比如 
http://www. webxml. com. cn/ (China) \http://www. xmethods. net/ (United states) 等 。 

在 IE 中 打开 http://www. webxml. com. cn/WebServices/WeatherWebService 
.asmx, 该 网 站 Web 服务 测试 调用 窗口 如 图 8-13 所 示 。 注 意 查 看 Web 方法 
getWeatherbyCityName 的 输入 参数 (城市 中 文 名 称 , 今 天 /明天 /后 天 ) 和 返回 数据 (一 个 
有 23 个 元 素 的 一 维 数组 ,其 中 String(1) 代 表 城 市 ,String(5) 代 表 温 度 ,String(7) 代 表 风 
向 和 风力 ,String(8) 和 String(9) 分 别 代表 天 气 趋势 开始 和 结束 的 状态 ) 。 

下 面 说 明 如 何 使 用 http://www. webxml. com. cn/ WebServices/ WeatherWebService 
.asmx 提供 的 Web 服务 在 自己 的 网 站 上 查询 发 布 天 气 预报 。 

(1) 运行 Visual Studio 2010, 打 开 网 站 WebService2。 
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Wh WeatherWebService Wet > 


€ 3 CQ@ www webxmlcom.cn/Webservices/WeatherWebservice asmx 家 | 六 


获得 本 天 气 预 报 Web Services 支 持 的 洲 、 国 内 外 省 份 和 城市 信息 
输入 多 数 : 无 ; 返回 : DataSet 。DataSetTables(0) 为 支持 的 州 和 国内 省 份 数 据 , ER6E 玫 
扬 ， DataSet.Tables(0).Rows(i).Item("ID") 主键 对 应 DataSet.Tables(1).Rows(i).ltem("ZonelD”) 


et ID = 1D 主键 ，Zone = 支持 的 州 、 省份 ; Tables(1): ID 主 建 ，ZoneID = rr Area = 城市 或 地 区 ， 
AreaCode = 城市 或 地 区 代码 


» getSupportProvince 


获得 本 天 气 预 报 Web Services 支 持 的 洲 、 国 内 外 省 份 和 城市 信息 
输入 参 邹 : 无 ! 返回 数据: 一 个 一 维 字符 串 教 组 String()， 内 容 为 州 或 国内 省 份 的 名 称 。 


» getWeatherbyCityName 


根据 城市 或 地 区 名 称 查 询 获得 未 未 三 天 内 天 气 情况 、 现 在 的 天 气 实 郊 、 天 气 和 生活 指数 


调用 方法 如 下 : 输入 参数 : theCityName = 城市 中 文 名 称 ( 国 外 城市 可 用 更 文 ) 或 城市 代码 (不 铀 入 默认 为 上 海 市 ), 如 : 上 海 或 58367, 如 
ba 9etSupportCity 或 getSupportDataSet 获得 ); 返回 填 据 : 一 个 一 维 数组 String(22)， 共 


So suingta): 省 份 ， 城 市 ， 城 市 代码 ， 城 市 图 片 名 称 ， 最 后 更 新 时 间 。 Sing(5) Hl Suingt1): 当天 的 气温 ， 堆 多 ,风向 和 
风力 ， 天气; 名 称 (以 下 称 : 图 标 一 )， 下 ed 下 称 : 图 标 二 )， 现在 的 天 气 实 吕 ， 天 气 和 生活 指 款 。 2 

9 第 二 天 的 气温 ， 撤 况 ， 风 向 和 风力 ， 图 标 一 。String(17) 到 Strng(21): 第 三 关 的 所 最 ， 梳 兄 ， 风向 入 力 ， 
一。 Smg(22) 被 查 让 的 城市 或 地 区 的 介绍 

下 三 RSI 从 分 天 "时 所 (也 含 大 、 中 、 小 尺寸) 天 气 图 例 曾 明 调用 此 天 气 福 握 Web Services 实 例 下 载 (VB ASP.net 2.0) 


图 8-13 ”Web 服务 测试 调用 窗口 


(2) 在 “解决 方案 资源 管理 器 "面板 中 右 击 E:\WebService2\( 注 意 ,不 是 右 击 
WebService2) ,在 弹出 的 快捷 菜单 中 选择 “添加 Web 引用 ”命令 。 在 打开 的 “添加 Web 引 
用 ”对 话 框 的 URL 地 址 栏 中 ,输入 提供 Web 服务 的 WebService. asmx 页 面 的 URL: 
http://www. webxml. com. cn/ WebServices/ WeatherWebService. asmx。 注 意 需 要 连接 
上 Internet, 

单 击 “一 "按钮 , 待 找到 位 于 此 URL 上 的 Web 服务 后 ,输入 Web 引用 名 ,这 里 命名 为 
Webxml。 

(3) 单 击 “ 添 加 引用 ”按钮 ,在 “解决 方案 资源 管理 器 "中 可 以 看 到 一 个 自动 生成 的 以 
Webxml 命名 的 SOAP 代理 类 。 

在 站 点 配置 文件 Web. config 的 二 appSettings 二 节点 中 ,可 以 看 到 又 自动 增加 了 一 行 
代码 如 下 : 

<configuration> 

< appSettings > 
< add key = " WebServ1. WebService" value = "http://localhost: 1032/WebServicel/ 
WebService. asmx"/> 
< add key = " TeleCode. WebService" value = "http://localhost: 1032/WebServicel/ 
WebService. asmx"/> 
<add key = " webxm]l. WeatherWebService" value = " http://www. Webxml. com. cn/ 


WebServices/WeatherWebService. asmx" /> 
</appSettings > 
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</configuration> 


下 面 就 可 以 通过 webxml 代理 类 向 远程 Web 服务 发 送 请 求 并 返回 结果 了 。 
(4) 在 WebService2 的 Default3. aspx 页 面 上 添加 两 个 Image 控件 ,用 来 显示 代表 天 


气 趋势 开始 和 结束 的 图 片 。 参 照 图 8-13, 单 击 左 下 角 “ 下 载 天 气 图 标 ” 超 链接 ,下 载 天 气 
图 标 并 保存 在 EE:\WebService2\Images\ 文件 夹 中 。 添 加 4 个 Label 控件 ,分 别 用 来 显示 


城市 


名 称 、 当 天 气温 \ 日 期 及 天 气概 况 、 风 向 及 风力 等 4 个 天 气 信息 ; 添加 1 个 TextBox 


控件 和 1 个 Button 控件 ,用 来 输入 并 提交 查询 信息 。 


Default3. aspx 页 面 的 主要 代码 如 下 : 


< form id = "forml" runat = "server"> 
<div> 
< asp:Image ID= "Imagel" runat = "server" Height = "65px" Width = "82px" /> 
<asp: Image ID = "Image2" runat = "server" Height = "65px" Width = "82px" /> 
<asp:Label ID = "Labell" runat = "server" Text = "Label"></asp:Label> 
<asp:Label ID = "Label2" runat = "server" Text = "Label"></asp:Label> 
< asp:Label ID = "Label3" runat = "server" Text = "Label"></asp:Label> 
< asp:Label ID = "Label4" runat = "server" Text = "Label"></asp:Label> 
<br /> 
</div> 
请 输入 城市 名 称 
< asp:TextBox ID = "TextBox1" runat = "server"></asp:TextBox> 
< asp:Button ID = "Button1" runat = "server" onclick = "Buttonl_Click" Text = "查询 天 气 " /> 
</form> 


在 Default3. aspx. es 的 Page_Load 事件 上 编写 代码 发 布 本 地 天 气 预 报信 息 , 在 


Button1_Click 事件 中 编写 代码 处 理 页 面 提交 的 查询 信息 。 
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Default3. aspx. cs 实现 代码 如 下 : 


public partial class Default3 : System. Web. UI. Page 
{ 
protected void Page Load(object sender, EventArgs e) 
{ 
if (!Page. IsPostBack) 
{ 
// 创 建 代理 类 对 象 实例 
Webxm]. WeatherWebService WeatherWebServ = new webxml. WeatherWebService(); 


// 调 用 getWeatherbyCityName 实例 方法 并 返回 数据 () 
string[ ] WeatherForecastToday = WeatherWebServ. getWeatherbyCityName(" 北 京 "); 


// 将 返回 数据 绑 定 到 页 面 显示 控件 
Imagel. Visible = true; 
Image2. Visible = true; 
Imagel. ImageUrl = "一 /images/” + WeatherForecastToday[8]; // 天 气 趋势 结束 图 标 
Image2. ImageUrl = "一 /images/" + WeatherForecastTbday[9]; // 天 气 趋势 开始 图 标 
Labell. Text = WeatherForecastToday[1]; // 城 市 名 称 
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Label2. Text = WeatherForecastToday[5]; // 气 温 
Label3. Text = WeatherForecastToday[6]; // 日 期 及 天 气概 况 
Label4. Text = WeatherForecastToday[7]; // 风 向 及 风力 


} 
} 
protected void Buttonl1 Click(object sender, EventArgs e) 


{ 
Webxm1. WeatherWebService WeatherWebServ = new webxm].WeatherWebService(); 


string[ ] WeatherForecastToday = WeatherWebServ.getWeatherbyCityName(" 北 京 "); 


Imagel. ImageUrl = "~/images/" + WeatherForecastToday[8]; 
Image2. ImageUrl = "~/images/" + WeatherForecastToday[9]; 
Labell. Text = WeatherForecastToday[1]; 
Label2. Text = WeatherForecastToday[5]; 
Label3. Text = WeatherForecastToday[6]; 
Label4. Text = WeatherForecastToday[7]; 

} 


文本 框 为 用 户 输入 并 要 查询 天 气 的 城市 的 名 称 。 运 行 Default3. aspx, 运行 效 果 如 
图 8-14 和 图 8-15 所 示 。 


4. 北京 18C/30C 5 月 10 日 多 云 转 隆 十 无 持续 风向 微风 
请 输入 城市 名 称 


图 8-14 天 气 预报 Web 服务 (1) 


© localhost28422/WebSer 
€ 3 © © localhost:28422/WebService2/Default4.aspx 家 入 


半 讲 
上海 18 人 /27C 5 月 10 日 晴 东风 3-4 级 转 东南 风 3-4 级 


请 输入 城市 名 称 | 上 海 下 词 天 气 


图 8-15 天气 预 报 Web 服务 (2) 


8.1.5 小 结 


Web Service 可 以 返回 字符 串 、 整 数 . 逻 辑 值 、 数 组 .日 期 等 基本 类 型 数据 ,也 可 以 返 
回 一 个 类 甚至 是 DataSet 对 象 。DataSet 是 数据 库 返回 的 数据 在 服务 端 内 存 中 的 缓存 , 通 
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过 Web Service 发 送 DataSet, 服 务 端 无 须 再 连接 数据 库 。 在 互联 网 上 可 以 找到 越 来 越 多 
的 返回 DataSet 的 Web Service 并 使 用 它们 ,也 可 以 创建 并 注册 类 似 的 Web Service 来 让 
更 多 的 互联 网 用 户 使 用 它 。 


8.1.6 思考 与 练习 


1. 试 着 为 银行 开发 一 个 可 提供 当日 汇率 查询 的 Web 服务 。 
2. 为 0931 网 站 首页 添加 天 气 预 报 的 Web 服务 消息 。 
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任务 9.1 实现 一 个 三 层 架 构 的 博客 网 站 


任务 目标 


(1) 实现 一 个 可 以 浏览 发 表 日 志和 评论 ,提供 后 台 管 理 的 博客 网 站 。 
(2) 了 解 网 站 安全 性 配置 策略 的 过 程 。 


9.1.1 Web. Config 文件 概述 


ASP.NET 提供 了 一 个 基于 XML 的 、 强 大 而 简单 可 行 的 配置 系统 , 它 是 层次 架构 的 。 一 
个 应 用 程序 级 别 的 Web. config 配置 文件 就 是 放置 在 应 用 程序 根 目 录 下 的 一 个 XML 文件 。 

在 C:\Windows\ Microsoft. NET\ Framework \ v2. 0. 50727 (versionNumber ) \ 
CONFIG 下 有 一 个 Machine. config 文件 , 它 是 Web 服务 器 上 所 有 .NET 应 用 程序 的 配置 
文件 ,包含 应 用 程序 的 常用 配置 信息 。 所 有 Web. config 都 继承 自 Machine. config。 

设置 Web. config 中 的 配置 信息 可 以 实现 网 站 的 安全 控制 ,比如 可 以 设置 身份 验证 及 
类 型 ; 可 以 创建 用 户 和 角色 (用 户 组 ); 可 以 创建 对 应 用 程序 各 个 部 分 的 访问 规则 及 页 面 
授权 ; 可 以 选择 数据 的 连接 方式 和 保存 .设置 加 密 或 不 加 密 的 数据 库 连 接 字符 串 ; 可 以 
设置 应 用 程序 的 调试 与 跟踪 .设置 自 定义 错误 页 ; 等 等 。 

在 本 章 的 数 个 任务 中 ,试图 通过 创建 并 配置 一 个 三 层 架 构 的 、 名 为 MicroBlog 的 博客 
(日 志 ) 网 站 来 说 明和 实践 应 用 程序 安全 性 配置 策略 的 过 程 。 


9.1.2 系统 三 层 结构 与 功能 分 析 


下 面 分 析 说 明 MicroBlog 系统 的 功能 、 结 构 以 及 安全 性 配置 策略 。 

(1) MicroBlog 解决 方案 树 形 目录 结构 如 图 9-1 所 示 , 其 中 在 站 点 (Web 表示 层 ) 下 的 
主要 文件 夹 和 文件 如 下 : 

。 App_Data 文件 夹 ” 保 存 应 用 程序 数据 的 文件 夹 。 

。 userLog. mdf 在 SQL Server 2008 系统 下 创建 的 数据 库 文件 。 

。 Login 文件 夹 ”实现 用 户 登录 、 新 用 户 注册 、 退 出 登录 页 面 等 。 

。 Admin 文件 夹 ”实现 用 户 \ 日 志文 章 、 评 论 等 删改 的 后 台 管理 页 面 。 

。 Web. config ”站 点 应 用 程序 配置 文件 。 

此 外 ,还 有 放 在 站 点 根 目录 下 的 一 些 浏览 日 志 、 显 示 评 论 、 发 表 日 志 , 发 表 评论 .显示 
用 户 列 表 等 的 Web 页 面 文件 。 
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解决 方案 资源 管理 器 - BlogWebApp 国 


解决 方案 资源 管理 器 - 解决 方案 MicroBlog' (… 国 


忆 | 辣 回 | 有 名 | 六 


晶 图 BlogBLL 
由 - 国 Properties 

图- 加 引用 
国 ArticleManager.cs 
图 ReviewManager.cs 

| 图 UserManager.cs 

日 图 BlogDAL 

| 由 - 万 Properties 

,自如 引用 
图 ArticleService.cs 
图 ReviewSemvice.cs 
图 UserService.cs 

日 加 BlogModels 


回 解决 方案 'MicroBlog' (4 个 项 目 ) ^ 


外 站 ArticeManagerGridView.aspx 
Wm 园 ReviewManagerGridview aspx 
由 因 UserManagerGridview aspx 
各 App_Data 

各 bin 

images 

BS Login 

昌国 Login.aspx 

外 图 Logoutaspx 

和 回 NewLoginaspx 

司 ArticleAllByUserid aspx 


并 


昌国 Properties JssueArticle aspx 

| 息 国 引用 口 MicroBlog.Master 

”一 图 LogArticle.cs 司 ReviewAlllist.aspx 

| 园 Review.cs 国 ReviewByArticleld.aspx 
| 图 User.cs 司 UserAllListaspx 

| 也 Web.config 


图 9-1 MicroBlog 解决 方案 树 形 目录 


网 站 首页 DefaultArticleAllRepeat. aspx 是 一 个 可 以 浏览 显示 全 部 日 志文 章 的 页 面 ， 
如 图 9-2 所 示 。 在 首页 中 间 部 分 , 单 击 " 查 看 全 文 " 和 “评论 ” 超 链接 ,可 以 看 到 一 篇 文章 的 


登 0931MicroBlog 网 站 首页 - Windows Internet Explorer 


合唱- 优 ] http://localhost:2270/DefaultArticleAllRepeataspx?page=2 |r| Xe iivesearth DP- 
Oe 


全 部 日 志文 章 


UserName;John 发 表 日 期 ;2009/9/1 21:58:11 
标题 : 田村 和 学问 
内 容 : 桂花 树 有 耳光 高 了 ， 挡 住 了 辕 花 花草 章光 ， 好 团 村 了。 不 知人 年 兰芝 用 什么 交 
桔 ， 我 有 找到 导 则 ， 大 出 刀 是 个 草 二 的 ， 但 我 知 才 83 才 世 的 风格 ， 家 里 一 定 备 齐 工具， 终 
于 在 二 楼 西 北 朋 的 小 攻 搞 旋 里 ， 我 找到 了 一 把 误 桶 ,森森 ， 二 把 贾 ， 一 尺 未 长。 出 大 pB 的 下 
加 生计 这 午 ， 我 和 对 下 因 北 衣 的 桂花 树 下 了 手 。 我 波 在 村 下 叶 巡 看 太阳， 看 罕 加 处 有 招 可 9 树枝 失 信 
他 河 阳光 ， 我 就 镜 它 一 点 ， 竺 到 以 中 日 
Rose : 2009/09/02 23:00:23 ”阅读 (47) 评论 [2) 
现在 是 正好 便 过 来 了 吉文 


我 也 想 种 茶 当 农民 


《将 村 的 学 间 》 UserName:Rose ”发表 日 期 :2009/9/1 12:38:49 
Rose : 2009/09/02 22:56:01 ”标题 : 要 授粉 的 南瓜 花 

那么 小 的 检 色 五 育 ， 怕 是 野 著 内 容 : 去 年 干旱 ,今春 狠 起 种 一 些 垂 晶 的 植物 ，BAIDUGOOGLE8 一 次， 说 南瓜 特 耐 洗 ， 它 
茂 ， 花 期 本 未 就 很 长 的 根系 可 军 达 地 旗下 2m , 只 要 开花 结果 时 污水 即 可 。 于 是 就 种 南瓜 ， 在 前 园 西 边 和 83 性 花 衬 下 上 


回复 评论 。 种 了 两 翌 南 的 
癌 次 (3) 评论 (2) 


9-2 ”MicroBlog 站 点 首页 
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详细 内 容 和 全 部 评论 。 在 首页 右 侧 的 “用 户 列表 ”下 单 击 用 户 名 超 链接 ,可 以 查看 一 个 用 

户 的 全 部 文章 。 在 首页 左 侧 的 “最 新 评论 ”栏目 ,可 以 看 到 所 有 日 志文 章 的 最 新 评论 和 所 

有 评论 。 在 Web 应 用 程序 的 各 个 页 面 中 设置 有 导航 栏 ,提供 “首页 ”“ 我 要 登录 ”“ 浏 览 
志 ”“ 发 表 日 志 ”“ 我 是 管理 员 ”“ 我 要 退出 ”等 超 链 接 导 航 。 

请 参照 本 书 任务 5. 1, 在 Visual Studio 2010 下 ,创建 一 个 名 为 MicroBlog 的 解决 方 
案 ,搭建 基于 三 层 结构 的 系统 框架 以 及 各 层次 之 间 的 依赖 关系 。 并 在 Web 表示 层 下 按照 
上 述 目录 结构 部 署 文件 和 文件 夹 。 

(2) 将 数据 库 连 接 字 符 串 部 署 在 应 用 程序 的 Web. config 文件 中 。 

为 简化 应 用 程序 编程 ,方便 移植 与 维护 ,将 数据 库 连 接 字符 串 设置 在 应 用 程序 的 
Web. config 文件 中 。 注 意 当 应 用 程序 访问 数据 库 时 是 从 Web. config 中 获取 数据 库 连接 
字符 串 的 。 

(3) 设置 身份 验证 和 页 面授 权 。 

对 于 访问 站 点 的 不 同 用 户 , 比 如 未 经 登录 验证 的 匿名 用 户 、 经 过 登录 验证 的 认证 用 
户 ,管理 员 账 号 用 户 等 ,分 别 授 予 允 许 访问 或 拒绝 访问 特定 页 面 资源 的 权利 ; 另外 ,还 要 
对 Admin 文件 夹 的 访问 权限 进行 设置 等 。 这 些 问题 在 下 一 任务 中 通过 配置 Web. config 
能 全 部 完成 。 

在 任务 9. 1 中 ,只 通过 Session 对 象 实现 页 面 间 的 状态 保持 和 数据 传递 : 允许 所 有 用 
户 访 问 首页 ,浏览 全 部 日 志文 章 并 发 表 评论 ,查看 评论 ; 允许 所 有 用 户 访问 Login 文件 夹 
并 且 可 以 登录 、 新 用 户 注册 或 退出 登录 。 当 用 户 请 求 发 表 日 志 页 面 时 ,将 提示 “请 先 登 
录 1”, 而 且 只 允许 已 注册 的 用 户 登 录 , 当 用 户 登 录 并 通过 数据 库 验 证 后 ,就 可 以 发 表 日 


FF 
3 


9.1.3 SQL Server 数据 库 的 设计 与 连接 


(1) 运行 Visual Studio 2010。 在 “解决 方案 资源 管理 器 "面板 中 , 右 击 MicroBlog 项 
目的 Web 层 BlogWebApp, 在 弹出 的 快捷 菜单 中 选择 “添加 ”一 “新 建 项 ”命令 ,在 弹出 的 
“添加 新 项 - BlogWebApp” 对 话 框 中 ,选择 “SQL 数据库” 选项 ,创建 一 个 名 为 userlog 
. mdf 的 数据 库 , 其 主要 数据 库 表 有 : userinfo( 用 户 信息 表 ) ,article( 日 志文 章 表 ) ,review 
(评论 表 ) 。 表 结构 设计 如 表 9-1 一 表 9-3 所 示 ,数据 库 表 间 关系 如 图 9-3 所 示 。 数 据 库 及 


表 的 创建 步骤 参照 5. 1. 3 小 节 。 
表 9-1 用 户 信息 表 (userinfo) 
字段 名 称 类 型 说 明 
user_id int 用 户 外 ,主键 。 是 标识 ,标识 增 量 1, 标 识 种 子 1 
user_name nchar(10) 用 户 登 录 名 
user_pw nchar(10) 用 户 登录 密码 
QQ nchar(10) 用 户 QQ 
login_date datetime 用 户 注册 时 间 
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表 9-2 日 志文 章 表 (article) 


字段 名 称 类 型 说 明 

旨 术 设 int 文章 人 D, 主 键 , 自 动 加 1 
user_id int 用 户 ID, 外 键 ,关联 表 userinfo 
arti_title nchar(50) 文章 标题 

arti_text nvarchar(2000) 文章 内 容 

arti_click int 文章 阅读 次 数 

submit_date datetime 文章 提交 时 间 


表 9-3 评论 表 (review) 


字段 名 称 类 型 说 明 

revi_id int 评论 ID ,主键 ,自动 加 1 
arti_id int 文章 ID, 外 键 ,关联 表 article 
user_id int 用 户 ID, 外 键 , 关 联 表 userinfo 
revi_text nvarchar(1000) 评论 内 容 

submit_date datetime 评论 提交 时 间 


userinfo article 

@ user_id 8 artiid 
user_ name user_id 
user_pw | arti_title 
QQ 


arti_text 
login_date 


arti_click 
submit_date 


review 
里 reviid 
arti_id 
user_id 
revi text 


submit_date 


图 9-3 数据 库 表 间 关 系 


(2) 在 Visual Studio 2010 中 连接 userlog 数据 库 。 

选择 将 userlog. mdf 放 在 App_Data 文件 夹 中 。 在 “服务 器 资源 管理 器 ”面板 中 右 击 
“数据 连接 ”, 在 弹出 的 快捷 菜单 中 选择 “添加 连接 "命令 ,在 弹出 的 “添加 连接 ”对 话 框 
中 ,选择 数据 源 为 “Microsoft SQL Server 数据 库 文件 (SqlClient)”, 单 击 “ 浏 览 ” 按 钮 , 选 
择 数据 库 文件 名 ,这 里 是 E:\MicroBlog\BlogWebApp\ App_Data\userlog. mdf。 在 连接 
数据 库 时 ,可 以 使 用 SQL Server 身份 验证 ,输入 数据 库 用 户 名 和 密码 ,也 可 以 使 用 
Windows 身份 验证 ,这 里 使 用 Windows 身份 验证 , 单 击 “ 测 试 连接 ”按钮 ,测试 是 否 连 接 
成 功 。 
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9.1.4 在 Web.config 中 部 署 数据 库 连 接 字符 串 


(1) 为 了 在 Web. config 中 自动 生成 数据 库 连 接 字符 串 , 可 以 创建 一 个 测试 用 的 
test. aspx Web 页 面 文件 。 

切换 到 “设计 ”视图 。 在 页 面 上 添加 一 个 SqlDataSource 数据 源 控件 , 单 击 
SqlDataSource 右上 和 角 的 小 三 角 按 钮 ,在 打开 的 “SqlDataSource 任务 ”对 话 框 中 ,选择 “ 配 
置 数据 源 ” 选 项 。 在 打开 的 “配置 数据 源 ” 对 话 框 中 ,在 “应 用 程序 连接 数据 库 应 使 用 哪个 
数据 连接 ?” 下 拉 列 表 框 中 选择 已 有 的 连接 userlog. mdf。 

可 以 单 击 “ 连 接 字 符 串 "按钮 ,查看 数据 库 连接 串 代码 。 

单 击 “ 下 一 步 ” 按 钮 ,在 弹出 的 “配置 数据 源 " 对 话 框 中 ,选择 "是否 将 连接 保存 到 应 用 
配置 文件 中 ?” 将 连接 字符 串 存 储 在 应 用 配置 文件 中 ,可 以 简化 维护 和 部 署 ,否则 连接 字 
符 串 将 作为 数据 源 控件 的 属性 保存 在 该 页 中 。 这 里 ,选择 * 是 ?选项 ,并 将 此 连接 另存 为 
userlogConnectionString 。 

单 击 “* 下 一 步 ? 按 钮 ,在 弹出 的 “配置 数据 源 ? 对 话 框 中 ,配置 Select 语句 ,选择 指定 来 
自 表 或 视图 的 字段 列 ,这 里 可 以 选择 article 表 的 所 有 字段 列 。 

单 击 “ 下 一 步 ”按钮 ,在 弹出 的 “配置 数据 源 ” 对 话 框 中 ,测试 查询 。 预 览 从 数据 源 返 回 
的 数据 。 最 后 单 击 “ 完 成 ”按钮 。 

(2) 查看 Web. config 配置 文件 中 的 自动 生成 的 数据 库 连 接 代码 如 下 : 

<?xml version= "1.0"?> 

< configuration> 

< appSettings/> 
< connectionStrings > 
<add name = " userlogConnectionString" connectionString = " Data Source = . \ SQLEXPRESS; 
AttachDbFilename = | DataDirectory | \ userlog. mdf; Integrated Security = True; User 


Instance = True" providerName = "System. Data. SqlClient" /> 
</connectionStrings> 


</configuration > 


以 上 是 使 用 Windows 身份 验证 的 数据 库 连 接 字 符 串 。 倘 若 使 用 SQL Server 身份 验 
证 ,要 在 数据 库 安全 性 设置 中 增加 一 个 SQL Server 账号 .并 将 连接 字符 串 中 的 
connectionString 属性 值 修 改 如 下 : 

< add name = " userlogConnectionString ”connectionString = " Data Source = localhost \ 
SQLEXPRESS; Initial Catalog = userlog;User ID= sa;password= 123456" /> 

其 中 ,add 标记 中 的 name 属性 用 来 指定 连接 字符 串 的 名 称 ; connectionString 属性 
用 来 存储 连接 字符 串 。 在 连接 字符 串 参数 中 ,Data Source 用 来 指定 SQL Server 数据 库 服务 
器 的 名 称 ,Integrated Security 决定 连接 是 否 安全 ,Initial Catalog 用 来 指定 数据 库 的 名 称 。 

在 数据 库 访问 时 ,可 使 用 如 下 代码 获取 数据 库 连 接 字 符 串 : 

string connectionString = 

ConfigurationManager. ConnectionStrings[ "userlogConnectionString"]. ConnectionString; 
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Web. config 文件 的 完整 结构 与 安全 性 配置 将 在 下 一 个 任务 中 继续 讨论 完成 。 
9.1.5 Blog 网 站 实体 类 的 实现 


在 系统 模型 层 BlogModels 下 编写 实体 类 User. cs、LogArticle. cs、Review. cs。 下 面 
分 别 列 出 User 类 、LogArticle 类 和 Review 类 的 实现 代码 。 
(1) User. cs 具体 实现 代码 如 下 : 


using System; 
using System. Collections. Generic; 
using System. Text; 
namespace BlogModels 
{ 
[Serializable()] 
public class User 
{ 
private int user_id; 
private string user name = String. Empty; 
private string user pw = String. Empty; 
private string user QQ = String. Empty; 
private DateTime login date; 
public User() { } 
public int User_id 
{ 
get { return this. user_id; } 
set { this.user_id = value; } 
} 
public string User_name 
{ 
get { return this. user_name; } 
set { this.user name = value; } 
} 
public string User_pw 
{ 
get { return this. user_pw; } 
set { this.user pw = value; } 
} 
public string User_QQ 
{ 
get { return this.user_00; } 
set { this.user 00 = value; } 
public DateTime Login date 
{ 
get { return this. login date; } 
set { this. login date = value; } 
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(2) LogArticle. cs 具体 实现 代码 如 下 : 


using System; 
using System. Collections. Generic; 
using System. Text; 
namespace BlogModels 
{ 
[Serializable( )] 
public class LogArticle 
private int arti_id; 
Private int user_id; 
private string user name = String. Empty; 
private string arti _ title = String. Empty; 
private string arti text = String. Empty; 
private int arti click; 
private string arti review = String. Empty; 
private DateTime submit date; 
public LogArticle() { } 


public int Arti_id 

{ 
get { return this.arti id; } 
set { this.arti_id = value; } 

} 

public int User_id 

{ 
get { return this. user id; } 
set { this.user_id = value; } 

} 

public string User_name 

{ 
get { return this. user name; } 
set { this.user name = value; } 

| 

public string Arti_title 

{ 
get { return this.arti title; } 
set { this.arti title = value; } 

} 

public string Arti_ text 

{ 
get { return this.arti text; } 
set { this.arti text = value; } 

} 

public int Arti click 

{ 
get { return this.arti click; } 
set { this.arti click = value; } 
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} 

public string Arti review 

{ 
get { return this.arti review; } 
set { this.arti review = value; } 

} 

public DateTime Submit date 

{ 
get { return this. submit date; } 
set { this. submit date = value; } 


(3) Review. cs 具体 实现 代码 如 下 : 


using System; 

using System. Collections. Generic; 
using System. Text; 

namespace BlogModels 


{ 


[Serializable( )] 
public class Review 


private int revi_id; 

private int arti_id; 

private int user_id; 

private string revi text = String. Empty; 
private string user name = String. Empty; 
private string arti title = String. Empty; 
private DateTime submit_date; 

public Review() { } 


public int Revi_id 
{ 
get { return this. revi_id; } 
set { this. revi_id = value; } 
} 
public int Arti_id 
{ 
get { return this.arti_id; } 
set { this.arti_id = value; } 
} 
public int User_id 
{ 
get { return this. user_id; } 
set { this.user id = value; } 
} 
public string User_name 
{ 
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get { return this. user name; } 
set { this.user name = value; } 
} 
public string Arti title 
{ 
get { return this.arti title; } 
set { this.arti title = value; } 
} 
public string Revi text 
{ 
get { return this. revi text; } 
set { this.revi text = value; } 
} 
public DateTime Submit date 
{ 
get { return this. submit date; } 
set { this. submit date = value; } 


} 


9.1.6 Blog 网 站 数据 访问 层 的 实现 


在 BlogDAL 项 目 中 编写 与 各 实体 类 相对 应 的 数据 访问 类 : UserService 类 、 


(1) UserService. cs 具体 实现 代码 如 下 : 


using System; 
using System. Collections. Generic; 
using System. Text; 
using System. Data; 
using System. Data. SqlClient; 
using System. Conf iguration; 
using BlogModels; 
namespace BlogDAL 
{ 
public static class UserService 
{ 
// 从 Web. Config 中 获取 数据 库 连 接 字 符 串 


ArticleService 类 和 ReviewService 类 ,以 实现 对 各 数据 表 的 增 、 删 \ 改 、 查 。 


private static string strConn = System. Configuration. ConfigurationManager. 


ConnectionStrings[ "userlogConnectionString" ]. ConnectionString; 


/// < summary> 
/// 查询 用 户 是 否 存 在 


/// </summary> 


public static User QueryUser(User inUser) 
{ 
// 根 据 用 户 输入 的 用 户 名 和 密码 进行 查找 


string strSql = string.Format("Select * From userinfo Where user name= '{0}' 
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And user pw= '{1}'", inUser. User name, inUser.User pw); 
// 创 建 Connection 对 象 ,使 用 using 语句 可 以 及 时 释放 资源 
using (SqlConnection conn = new SqlConnection(strConn) ) 
{ 

conn. Open(); // 打 开 数 据 库 连 接 

// 初 始 化 System. Data. SqlClient. SqlCommand 类 的 新 实例 

SqlCommand cmd = new SqlCommand(strSql, conn); 

// 执 行 查询 返回 记录 集 

SqlDataReader dr = cmd. ExecuteReader(); 

if (dr.Read()) 


{ 
User validUser = new User(); 
validUser. User_id = (int)dr["user id"]; 
validUser. User name = (string)dr["user name"]; 
validUser. User pw = (string)dr["user pw"]; 
dr.Close(); 
return validUser; 

} 

else 

{ 


dr.Close(); 
return null; 


} 


/// < summary> 
/// 查询 用 户 名 是 否 已 被 使 用 
/// </summary> 
public static bool QueryUserName(User inUser) 
// 根 据 用 户 输入 的 用 户 名 查询 
string strSql = string. Format("Select * From userinfo Where user_name = '{0}'", 
inUser. User_name); 
using (SqlConnection conn = new SqlConnection(strConn)) 
{ 
conn. Open( ); 
SqlCommand cmd = new SqlCommand(strSql, conn); 
SqlDataReader dr = cmd. ExecuteReader(); 
if (dr. Read()) 


{ 
dr.Close(); 
return true; // 用 户 名 已 被 使 用 
} 
else 
{ 
dr.Close(); 
return false; 
} 
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/// < summary> 
/// 添加 新 用 户 
/// </summary> 
public static void AddUser(User inUser) 
{ 
string strSql = @"INSERT Userinfo(user name,user pw,00,1ogin date)"+ 
"VALUES (@user_name, @user_pw, @00, @login date)"; 
using (SqlConnection conn = new SqlConnection(strConn)) 
. 
conn. Open( ); 
SqlCommand cmd = new SqlCommand(strSql, conn); 
cmd. Parameters. AddWithValue("@user_name", inUser.User name); 
cmd. Parameters. AddWithValue("@user pw", inUser. User pw); 
cmd. Parameters. AddWithValue("@00", inUser.User Q0); 
cmd. Parameters. AddWithValue("@1login_date", System.DateTime. Now); 
cmd. ExecuteNonQuery( ); 


/// < summary> 
/// 根据 UserId 返回 一 个 用 户 (User 对 象 ) 
/// </summary> 
public static User GetUserByUserId( int userid) 
{ 
string strSql = "SELECT * FROM userinfo WHERE user_id = @UserId"; 
using (SqlConnection conn = new SqlConnection(strConn)) 
{ 
conn. Open( ); 
SqlCommand cmd = new SqlCommand( ) ; 
cmd. Connection = conn; 
cmd. CommandText = strSql; 
cmd. Parameters. AddWithValue("@UserId", userid); 
SqlDataReader dr = cmd. ExecuteReader(); 
if (dr.Read()) 


{ 
User user = new User(); 
user. User_id = (int)dr["user_ id"]; 
user. User name = (string)dr["user name"]; 
dr.Close(); 
return user; 
} 
else 
{ 
dr.Close(); 
return null; 
} 


183 


ASP NET 动 态 网 站 开发 项 目 化 教程 第 2 版 ) 


} 


/// < summary> 
/// 返回 全 部 用 户 
/// </summary> 
public static IList <User> GetUserAll() 
{ 
string strSql = "Select * From userinfo order by login date DESC"; 
using (SqlConnection conn = new SqlConnection(strConn)) 
{ 
conn. Open( ); 
SqlCommand cmd = new SqlCommand(); 
cmd. Connection = conn; 
cmd. CommandText = strSql; 
SqlDataReader dr = cmd.ExecuteReader(); 
// 使 用 IList <T> 传 递 实体 对 象 集合 
List<User> list = new List<User>(); 
while (dr. Read( )) 
{ 
User user = new User(); 
for (int i = 0; i < dr.FieldCount; i++) 
{ 
string fieldName = dr.GetName(i); 
if (fieldName == "user_id") 
user.User_ id = (int)dr["user id"]; 
if (fieldName == "user name") 
user. User name = (string)dr["user name"]; 
if (fieldName == "user_ pw") 
user. User pw = (string)dr["user_pw"]; 
if (fieldName == "00") 
user. User QQ = (string)dr["Q0"]; 
if (fieldName == "login date") 
user. Login date = (DateTime)dr["login date"]; 
} 
list. Add(user); 
t 
dr.Close(); 
return list; 


} 
(2) ArticleService. cs 具体 实现 代码 如 下 : 


using BlogModels; 
namespace BlogDAL 
| 
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public static class ArticleService 
{ 
private static string strConn = System. Configuration. ConfigurationManager. 
ConnectionStrings[ "userlogConnectionString" ]. ConnectionString; 
/// < summary> 
/// 添加 日 志文 章 
/// </summary> 
public static int AddArticle(LogArticle article, string userid) 
{ 
string strSql = (@"INSERT article(user id,arti title,art i text,arti click, submit_ 
date)" + "WLUES (@user id,@arti title, @arti text, @arti click, @submit date)"; 
using (SqlConnection conn = new SqlConnection(strConn)) 
{ 
conn. Open( ); 
SqlCommand cmd = new SqlCommand(strSql, conn); 
// 创 建 System. Data. SqlClient. SqlCommand 的 参数 
SqlParameter[ ] param = new SqlParameter[] 
{ 
new SqlParameter("@user_id", SqlDbType. VarChar, 10), 
new SqlParameter("@arti title", SqlDbType. VarChar, 50), 
new SqlParameter("(@arti text", SqlDbType. VarChar, 100), 
new SqlParameter("@arti click",SqlDbType. Int), 
new SqlParameter("(@ submit date", SqlDbType. DateTime) 
}; 
// 给 参数 赋值 
param[0].Value = userid; 
param[1].Value = article.Arti title; 
param[2].Value = article.Arti text; 
param[3].Value = article.Arti click; 
param[4].Value = System.DateTime. Now; 
// 获 取 参 数 集合 
cmd. Parameters. AddRange( param) ; 
// 执 行 SQL 查询 ,返回 受 影响 的 行 数 
return cmd. ExecuteNonQuery( ); 


/// < summary> 
/// 更 新 日 志文 章 (ByArticleId 一 一 这 里 用 来 更 新 文章 的 阅读 数 ) 
/// </summary> 
public static void UpdateArticle(LogArticle article) 
{ 
string strSql = "UPDATE article SET arti click = @arti click WHERE arti id = @ 
arti_ id"; 
using (SqlConnection conn = new SqlConnection(strConn)) 
{ 
conn. Open( ); 
SqlCommand cmd = new SqlCommand(); 
cmd. Connection = conn; 
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cmd. CommandText = strSql; 

cmd. Parameters. AddWithValue("@arti id", article. Arti id); 

cmd. Parameters. AddWithValue("@arti click", article. Arti click); 
cmd. ExecuteNonQuery( ) ; 


/// < summary> 
/// 获取 全 部 文章 
/// </summary> 
public static IList <LogArticle> GetArticleAll() 
{ 
string strSql = "Select * From article order by submit date DESC"; 
using (SqlConnection conn = new SqlConnection(strConn)) 
{ 
conn. Open( ); 
SqlCommand cmd = new SqlCommand(); 
cmd. Connection = conn; 
cmd. CommandText = strSql; 
SqlDataReader dr = cmd. ExecuteReader(); 
// 使 用 IList <T> 传 递 实体 对 象 集合 
List<LogArticle> list = new List<LogArticle>(); 


while (dr. Read( )) 
{ 
LogArticle article = new LogArticle(); 
for (int i = 0; i < dr.FieldCount; i++) 
{ 
string fieldName = dr.GetName(i); 
if (fieldName == "arti_id") 
article. Arti_id = (int)dr["arti id"]; 
if (fieldName == "user_id") 
‘ 


article.User id = (int)dr["user id"]; 
// 使 用 外 键 对 象 返回 用 户 名 称 
article. User name = UserService. GetUserByUserId((int)dr 
["user_id"]).User name; 
} 
if (fieldName == "arti title") 
article. Arti title = (string)dr["arti title"]; 
if (fieldName == "arti text") 
article. Arti text = (string)dr["arti text"]; 
if (fieldName == "arti click") 
article. Arti click = (int)dr["arti click"]; 
if (fieldName == "submit date") 
article. Submit date = (DateTime)dr["submit date"]; 
} 
list. Add(article); 
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dr.Close(); 
return list; 


/// < summary> 

/// 返回 一 个 用 户 的 全 部 日 志文 章 (ByUserId) 

/// </summary> 

public static IList <LogArticle> GetArticleByUserId( int userid) 


t 


string strSql = "SELECT x FROM article WHERE user_id = @UserId"; 
using (SqlConnection conn = new SqlConnection(strConn)) 
{ 
conn. Open( ); 
SqlCommand cmd = new SqlCommand(); 
cmd. Connection = conn; 
cmd. CommandText = strSql; 
cmd. Parameters. AddWithValue("@UserId", userid); 
SqlDataReader dr = cmd.ExecuteReader(); 
List<LogArticle> list = new List<LogArticle>(); 


while (dr. Read()) 
{ 
LogArticle article = new LogArticle(); 
for (int i = 0; i < dr.FieldCount; i++) 
{ 
string fieldName = dr.GetName(i); 
if (fieldName == "arti id") 
article. Arti_id = (int)dr["arti id"]; 
if (fieldName == "user_id") 
{ 


article. User_id = (int)dr["user_id"]; 
// 使 用 外 键 对 象 返 回 用 户 名 称 
article. User_name = UserService. GetUserByUserId((int)dr 
["user_id"]).User name; 
} 
if (fieldName == "arti title") 
article. Arti title = (string)dr["arti title"]; 
if (fieldName == "arti text") 
article. Arti text = (string)dr["arti text"]; 
if (fieldName == "arti click") 
article. Arti click = (int)dr["arti click"]; 
if (fieldName == "submit date") 
article. Submit_ date = (DateTime)dr["submit date"]; 
} 
list. Add(article); 
} 
dr.Close(); 
return list; 
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/// < summary> 
/// 根据 articleId 返回 一 篇 文章 (Article 对 象 ) 
/// </summary> 
public static LogArticle GetArticleByArticlelId( int articleid) 
{ 
string strSql = "SELECT * FROM article WHERE arti_id = @articleid"; 
using (SqlConnection conn = new SqlConnection(strConn)) 
{ 
conn. Open( ); 
SqlCommand cmd = new SqlCommand(); 
cmd. Connection = conn; 
cmd. CommandText = strSql; 
cmd. Parameters. AddWithValue("@articleid", articleid); 
SqlDataReader dr = cmd. ExecuteReader(); 
if (dr.Read()) 


{ 
LogArticle article = new LogArticle(); 
article. Arti_id = (int)dr["arti_id"]; 
article.User_ id = (int)dr["user id"]; 
// 使 用 外 键 对 象 返回 用 户 名 称 
article. User_name = UserService. GetUserByUserId((int)dr["user_ 
id"]).User name; 
article. Arti title = (string)dr["arti title"]; 
article. Arti text = (string)dr["arti text"]; 
article. Arti click = (int)dr["arti click"]; 
article. Submit_date = (DateTime)dr["submit date"]; 
dr.Close(); 
return article; 

} 

else 

{ 


dr.Close(); 
return null; 


/// < summary> 

/// 删除 文章 

/// </summary> 

public static void DeleteArticle(LogArticle article) 

{ 
string strSql = "DELETE article WHERE arti id = @arti id"; 
using (SqlConnection conn = new SqlConnection(strConn)) 
{ 


conn. Open( ); 
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SqlCommand cmd = new SqlCommand(); 
cmd. Connection = conn; 
cmd. CommandText = strSql; 


cmd. Parameters. AddWithValue("@arti id", article. Arti id); 


cmd. ExecuteNonQuery( ) ; 


/// < summary> 
/// 获得 文章 总 数 
/// </summary> 
public static int GetArticleNumber() 
{ 
string strSql = "SELECT count( * ) FROM article"; 
using (SqlConnection conn = new SqlConnection(strConn)) 
, 
conn. Open( ); 
SqlCommand cmd = new SqlCommand(); 
cmd. Connection = conn; 
cmd. CommandText = strSql; 
int article num = Convert.ToInt32(cmd. ExecuteScalar()); 
return article num; 


/// < summary> 
/// 截取 文章 前 面部 分 内 容 
/// </summary> 
public static string GetPartString(string article text, int n) 
{ 
证 (article text.ToString().Length > n — 2) 


return article text.ToString().Substring(0, n — 2) + "... 


else 
return article_text. ToString(); 


(3) ReviewService. cs 具体 实现 代码 如 下 : 


using BlogModels; 
namespace BlogDAL 


public static class ReviewService 


private static string strConn = System. Configuration. ConfigurationManager. 


ConnectionStrings[ "userlogConnectionString" ]. ConnectionString; 
/// < summary> 


/// 添加 新 评论 
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/// </summary> 
public static int AddReview(Review review, int articleid) 
{ 
string strSql = (@"INSERT review(arti id,user id,revi text, submit date)"+ 
"VALUES (@arti id, @user id,@revi text, @submit date)"; 
using (SqlConnection conn = new SqlConnection(strConn)) 
{ 
conn. Open( ); 
SqlCommand cmd = new SqlCommand(strSql, conn); 
cmd. Parameters. AddWithValue("@arti_id", articleid); 
cmd. Parameters. AddWithValue("@user_id", review. User_id); 
cmd. Parameters. AddWithValue("@revi text", review.Revi text); 
cmd. Parameters. AddWithValue("@submit date", System. DateTime. Now); 
return cmd. ExecuteNonQuery( ); 


/// < summary> 
/// 获取 某 篇 文章 的 全 部 评论 (ByArticleId) 
/// </summary> 
public static IList< Review> GetReviewBYRrticleId(int articleid) 
{ 
string strSql = "SELECT * FROM review WHERE arti id = @ArticleId"; 
using (SqlConnection conn = new SqlConnection(strConn)) 
! 
conn. Open( ); 
SqlCommand cmd = new SqlCommand(); 
cmd. Connection = conn; 
cmd. CommandText = strSql; 
cmd. Parameters. AddWithValue("@ArticleId", articleid); 
SqlDataReader dr = cmd. ExecuteReader(); 
List< Review> list = new List <Review>(); 
while (dr. Read()) 
{ 
Review review = new Review(); 
for (int i = 0; i < dr.FieldCount; i++) 
{ 
string fieldName = dr.GetName(i); 
证 (fieldName == "revi_id") 
review. Revi_id = (int)dr["revi_id"]; 
证 (fieldName == "arti_id") 
review. Arti_id = (int)dr["arti_id"]; 
// 使 用 外 键 对 象 返回 文章 标题 
review. Arti title = ArticleService.GetArticleByArticleId( (int) 
dr["arti id"]).Arti title; 
if (fieldName == "user id") 
{ 
review. User_ id = (int)dr["user id"]; 


// 使 用 外 键 对 象 返回 用 户 名 称 
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review. User name = UserService. GetUserByUserId (( int ) dr 
["user_id"]).User name; 
} 
证 (fieldName == "revi text") 
review. Revi text = (string)dr["revi text"]; 
证 (fieldName == "submit date") 
review. Submit date = (DateTime)dr["submit date"]; 
} 
list. Add(review); 
} 
dr.Close(); 
return list; 


/// < summary> 
/// 获得 某 篇 文章 的 评论 数 (By articleid) 
/// </summary> 
public static int GetReviewNumber( int articleid) 
{ 
string strSql = "SELECT count( *) FROM review WHERE arti id = (@articleid"; 
using (SqlConnection conn = new SqlConnection(strConn)) 
{ 
conn. Open( ); 
SqlCommand cmd = new SqlCommand(); 
cmd. Connection = conn; 
cmd. CommandText = strSql; 
cmd. Parameters. AddWithValue("@articleid", articleid); 
int review num = Convert.ToInt32(cmd. ExecuteScalar()); 
return review_num; 


/// < summary> 
// 返回 最 新 若干 评论 
/// </summary> 
public static IList< Review > GetReviewNew() 
{ 
String strSql = "Select top 4 * From review order by submit date DESC"; 
using (SqlConnection conn = new SqlConnection(strConn)) 
{ 
conn. Open( ); 
SqlCommand cmd = new SqlCommand(); 
cmd. Connection = conn; 
cmd. CommandText = strSql; 
SqlDataReader dr = cmd. ExecuteReader(); 
List< Review> list = new List< Review>(); 
while (dr. Read()) 
{ 
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Review review = new Review(); 
for (int i = 0; i < dr.FieldCount; i++) 
{ 
string fieldName = dr.GetName(i); 
证 (fieldName == "revi id") 
review. Revi id = (int)dr["revi id"]; 
证 (fieldName == "user id") 


{ 
review. User_id = (int)dr["user id"]; 
// 使 用 外 键 对 象 返 回 用 户 名 称 
review. User name = UserService. GetUserByUserId (( int) dr 
["user_id"]).User name; 
} 
if (fieldName == "arti id") 
{ 
review. Arti id = (int)dr["arti id"]; 
// 使 用 外 键 对 象 返回 文章 标题 
review. Arti_title = ArticleService. GetArticleByArticleIld 
((int)dr["arti_id"]).Arti title; 
} 


if (fieldName == "revi text") 
review. Revi text = (string)dr["revi text"]; 
if (fieldName == "submit date") 
review. Submit date = (DateTime)dr["submit date"]; 
} 
list. Add(review); 
} 
dr.Close(); 
return list; 


/// < summary> 
/// 返回 所 有 评论 
/// </summary> 
public static IList<Review> GetReviewAll() 
{ 
string strSql = "Select * From review order by submit date DESC"; 
using (SqlConnection conn = new SqlConnection(strConn)) 
{ 
conn. Open( ); 
SqlCommand cmd = new SqlCommand(); 
cmd. Connection = conn; 
cmd. CommandText = strSql; 
SqlDataReader dr = cmd. ExecuteReader(); 
List<Review> list = new List <Review>(); 
while (dr. Read()) 
{ 


Review review = new Review(); 
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for (int i = 0; i < dr.FieldCount; i++) 


{ 
string fieldName = dr.GetName(i); 
if (fieldName == "revi id") 
review. Revi_id = (int)dr["revi id"]; 
证 (fieldName == "user id") 
{ 
review. User_ id = (int)dr["user id"]; 
// 使 用 外 键 对 象 返回 用 户 名 称 
review. User name = UserService. GetUserByUserId (( int) dr 
["user_id"]).User name; 
} 
if (fieldName == "arti id") 
{ 
review. Arti_id = (int)dr["arti_id"]; 
// 使 用 外 键 对 象 返回 文章 标题 
review. Arti_title = ArticleService. GetArticleByArticleId 
((int)dr["arti_id"]).Arti title; 
} 
if (fieldName == "revi text") 
review. Revi text = (string)dr["revi text"]; 
if (fieldName == "submit date") 
review. Submit date = (DateTime)dr["submit date"]; 
} 


list. Add(review); 
} 
dr.Close(); 
return list; 


} 
9.1.7 Blog 网 站 业务 逻辑 层 的 实现 


业务 逻辑 层 负责 数 据 访 问 层 与 表示 层 之 间 的 数据 传递 和 业务 逻辑 处 理 。 在 
BlogBLL 项 目 中 编写 与 数据 访问 层 相 对 应 的 类 和 方法 如 下 所 示 。 
(1) UserManager. cs 具体 实现 代码 如 下 : 


using System; 
using System. Collections. Generic; 
using System. Text; 
using BlogModels; 
using BlogDAL; 
namespace BlogBLL 
{ 
public static class UserManager 


public static bool UserLogin(User inUser, out User userExist) 


193 


ASP NET 动 态 网 站 开发 项 目 化 教程 第 2 版 ) 


User validUser = UserService. QueryUser( inUser); 
if (validUser == null) 
{ 
userExist = null; // 用 户 登录 名 密码 不 正确 
return false; 
} 
else 
{ 
userExist = validUser; 
return true; 
} 
} 
/// < summary> 
// 新 用 户 注册 、 先 判断 用 户 名 是 否 已 被 使 用 
/// </summary> 
public static bool UserRegister(User inUser) 
{ 
if (UserService. QueryUserName( inUser)) 
{ 
return false; // 用 户 名 已 被 使 用 
} 
else 
{ 
UserService. AddUser ( inUser); 
return true; 
} 
} 
/// < summary> 
/// 根据 UserId 查询 返回 用 户 名 (User 对 象 ) 
/// </summary> 
public static User GetUserByUserId( int userid) 
{ 
return UserService. GetUserByUserId(userid); 
} 
/// < summary> 
// 返回 所 有 用 户 
/// </summary> 
public static IList <User> GetUserALL() 
{ 
return UserService. GetUserAll( ); 
} 


} 
(2) ArticleManager. cs 具体 实现 代码 如 下 : 


using BlogModels; 
using BlogDAL; 
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namespace BlogBLL 


public static class ArticleManager 


{ 


/// < summary> 
/// 添加 新 文章 
/// </summary> 
public static int AddArticle(LogArticle article, string usrid) 
{ 
return ArticleService. AddArticle(article, usrid); 
} 
/// < summary> 
/// 返回 所 有 文章 
/// </summary> 
public static IList <LogArticle> GetArticleAll() 
{ 
return ArticleService. GetArticleAll(); 
} 
/// < summary> 
/// 获得 文章 总 数 
/// </summary> 
public static int GetArticleNumber() 
{ 
return ArticleService. GetArticleNumber( ); 
} 
/// < summary> 
/// 返回 一 个 用 户 的 全 部 日 志文 章 (ByUserId) 
/// </summary> 
public static IList <LogArticle> GetArticleByUserId( int userid) 
{ 
return ArticleService. GetArticleByUserId(userid); 
} 
/// < summary> 
/// 根据 ArticleId 返回 一 篇 文章 
/// </summary> 
public static LogArticle GetArticleByArticlelId( int articleid) 
{ 
return ArticleService. GetArticleByArticleId(articleid); 
} 
/// < summary> 
/// 修改 文章 
/// </summary> 
public static void UpdateArticle(LogArticle article) 
{ 
ArticleService. UpdateArticle(article); 
} 
/// < summary> 
/// 删除 文章 
/// </summary> 
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} 


public static void DeleteArticle(LogArticle article) 
{ 
ArticleService. DeleteArticle(article); 
} 
/// < summary> 
/// 截取 文章 的 前 面部 分 内 容 
/// </summary> 
public static string GetPartString( string article text, int num) 


{ 
return ArticleService. GetPartString(article text, num); 


(3) ReviewManager. cs 具体 实现 代码 如 下 : 


using BlogModels; 
using BlogDAL; 
namespace BlogBLL 


人 


public static class ReviewManager 


/// < summary> 
/// 添加 新 评论 
/// </summary> 
public static int AddReview(Review review, int articleid) 
{ 
return ReviewService.AddReview(review,articleid); 
} 
/// < summary> 
/// 返回 最 新 评论 
/// </summary> 
public static IList <Review> GetReviewNew() 
{ 
return ReviewService. GetReviewNew( ); 
} 
/// < summary> 
/// 返回 所 有 评论 
/// </summary> 
public static IList< Review > GetReviewAll() 
{ 
return ReviewService. GetReviewAll(); 
} 
/// < summary> 
/// 返回 一 篇 文章 的 全 部 评论 (Byarticleid) 
/// </summary> 
public static IList< Review > GetReviewBYRrticleId(int articleid) 
{ 


return ReviewService.GetReviewByArticleId(articleid); 


第 9 章 ”网 站 部 署 与 安全 性 配置 


} 
/// < summary> 
/// 返回 一 篇 文章 的 评论 总 数 (Byarticleid) 
/// </summary> 
public static int GetReviewNumber( int articleid) 
{ 
return ReviewService. GetReviewNumber(articleid); 


} 
9.1.8 Web 表示 层 的 实现 


表示 层 就 是 整个 Web 站 点 , 它 直 接 与 用 户 交互 。 表 示 层 页 面 的 主要 设计 是 控件 十 事 
件 : 将 控件 绑 定 数据 ,并 在 需要 时 编写 事件 代码 调用 业务 逻辑 层 的 方法 。 

(1) 日 志 网 站 首页 DefaultArticleAllRepeat. aspx 运行 效果 如 图 9-2 所 示 。 实 现代 码 
如 下 : 


<%@ Page Language = "C#" RutoEventWireup = "true" MasterPageFile = "~ /MicroBlog. Master" 
Codebehind = "DefaultArticleAllRepeat. aspx. cs" Inherits = "BlogWebApp. DefaultArticleAllRepeat" %> 


<% @ Register Assembly = "AspNetPager" Namespace = "Wuqi. Webdiyer" TagPrefix = "webdiyer" %> 
<asp:Content ID = "Content1" ContentPlaceHolderID = "ContentPlaceHolder1" runat = "server"> 
<div class = "ArticleAll layer"> 
<div id= "text"> 全 部 日 志文 章 </div> 
<asp:Repeater ID = "Repeater1”runat = "server"> 
< ItemTemplate> 
<asp:Label ID = "Labell" runat = "server" Text = '<%# Eval("Arti_id") %>' 
Visible = "false"></asp:Label ><br /> 
<asp:Label ID = "Label2" runat = "server”Text = '<%# Eval("User id") %>' 
Visible= "false"></asp:Label ><br /> 
UserName:<# Eval("User_name") % > &nbsp; Snbsp; &nbsp; 发 表 日 期 :<% # 
Eval("Submit_date") %><br /> 
标题 : <% # Eval("Arti title") %><br /> 
内 容 : <%# GetPartString(Eval("Arti text").ToString(),180) %><br /> 
阅读 (<% # Eval ( " hrti_ click") % >) Snbsp; &nbsp; &nbsp; < a href = 
"ReviewByArticleId. aspx?articleid=<%# Eval("Arti id") %>"> 
评论 (<% # GetReviewNumber(Convert. ToInt32(Eval("Arti_id")))%>)</a> 
<br /> 
<a href = "ArticleDetailByArticleId. aspx?articleid = < 名 # Eval("Arti_ 
id") 名 >"> 查 看 全 文 </a> 
</ItemTemplate> 
</asp:Repeater><br /> 
< webdiyer: RspNetPager ID = "AspNetPager1l" runat = " server" UrlPaging = "true" 
PageSize = " 2" ShowPageIndex = " true" AlwaysShow = " true" Width = "317px" 
OnPageChanged = "AspNetPager1l_PageChanged"> 
</webdiyer:RspNetPager> 
</div> 
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</asp:Content > 


<asp:Content ID = "Content2" ContentPlaceHolderID = "ContentPlaceHolder2" runat = "server"> 
< div class = "Login layer"> 
<table> 
<tr><td> 
< asp:Label ID = "Label3" runat = "server" Text = "用 户 名 "></asp:Label> 
< asp:TextBox ID = "txt_name" runat = "server"></asp:TextBox ></td></tr> 
<tr><td> 
<asp:Label ID = "Label4" runat = "server" Text = "密码 "></asp:Label> 
<asp: TextBox ID = "txt_pw" runat = "server" TextMode = "Password"> 
</asp:TextBox></td></tr> 
<tr><td> 
<asp:Button ID = "btn_login" runat = "server" Text = "登录 " OnClick = 
"btn_login Click" /> 
<asp:LinkButton ID = "LinkButton1” runat = "server" Text = "新 用 户 注册 " 
PostBackUrl = "一 /Login/NewLogin. aspx"></asp:LinkButton></td></tr> 


</table> 
</div><br /> 
</asp:Content > 


<asp:Content ID = "Content3" ContentPlaceHolderID = "ContentPlaceHolder3" runat = "server"> 
<div class=" GetUserALL layer"> 
<div> 
<asp:Label ID = "txt_msg" runat = "server" Text = "用 户 列表 "></asp:Label></div> 
<asp:DataList ID = "DataList1" runat = "server" DataSourceID = "ObjectDataSourcel"> 
< ItemTemplate> 
<a href = "ArticleAllByUserId. aspx?userid =<% 井 Eval("User_id") %>" 
target ="_blank"><% # Eval("User_name") %></a> 
</ItemTemplate> 
</asp:DataList > 
<asp:ObjectDataSource ID = "ObjectDataSourcel" runat = " server" SelectMethod = 
"GetUserALL" TypeName = "BlogBLL. UserManager"> 
</asp:O0bjectDataSource > 
</div> 
</asp:Content > 


<asp:Content ID= "Content4" ContentPlaceHolderID = "ContentPlaceHolder4" runat = "server"> 
< div class = "GetReviewNew_layer"> 
<asp:Label ID = "Label5" runat = "server" Text = "最 新 评论 "></asp:Label><br /> 
<asp:DataList ID = "DataList2" runat = "server" DataSourceID = "ObjectDataSource2"> 
< ItemTemplate> 
<a href = " RrticleDetailBYRrticleId. aspx? articleid = <% # Eval("Arti_ 
id") %>" target =" blank"><%# Eval("Rrti title") %></a></br> 
<%# Eval("User name") 委 > 
:<%# Eval("Submit date") %></br> 
<%S# Eval("Revi text") %></br> 
<div><a href ="" target = ""> 回 复评 论 </a></div></br> 
</ItemTemplate> 
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</asp:DataList> 
<asp:ObjectDataSource ID = "ObjectDataSource2" runat = " server" SelectMethod = 
"GetReviewNew" TypeName = "BlogBLL. ReviewManager"> 

</asp:0bjectDataSource > 

</div> 

<div> 
<a href = "ReviewAllList. aspx" target = " blank"> 全 部 评论 >></a> 

</div> 

</asp:Content > 


在 DefaultArticleAllRepeat. aspx. cs 中 编写 如 下 代码 。 


using BlogModels; 
using BlogBLL; 
namespace BlogWebApp 
{ 
public partial class DefaultArticleAllRepeat : System. Web. UI. Page 
{ 
protected void Page_ Load(object sender, EventArgs e) 
{ 
证 (!IsPostBack) ”// 首 次 加 载 
| 
// 调 用 PageBind( ) 方 法 ,为 Repeater 控件 实现 分 页 功能 
PageBind( ); 


// 截 取 文 章 的 前 面部 分 内 容 
public static string GetPartString( string article text, int num) 
{ 

return ArticleManager. GetPartString(article_text, num); 


// 根 据 articleId 获得 某 篇 文章 的 评论 总 数 

public static int GetReviewNumber( int articleid) 

{ 
return ReviewManager. GetReviewNumber(articleid); 

} 

// 使 用 PagedDataSource 给 Repeater 控件 增加 分 页 功能 

Private void PageBind() 

{ 
// 创 建 PagedDataSource 对 象 实例 
PagedDataSource PageDataSourcel = new PagedDataSource(); 
// 设 置 PagedDataSource 对 象 的 属性 值 
PageDataSourcel. DataSource = ArticleManager. GetArticleAll(); 
PageDataSourcel. AllowPaging = true; 
PageDataSourcel. PageSize = AspNetPagerl.PageSize; 
PageDataSourcel. CurrentPageIndex = RspNetPager1. CurrentPageIndex 一 1; 
// 设 置 分 页 控件 的 RecordCount 
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RspNetPager1.RecordCount = ArticleManager. GetArticleNumber(); 
// 绑 定数 据 源 
Repeater1. DataSource = PageDataSourcel; 
Repeater1. DataBind( ); 
} 


protected void AspNetPagerl PageChanged(object sender, EventArgs e) 
{ 

PageBind( ); 
} 


protected void btn login Click(object sender, EventArgs e) 
{ 
if (Page. IsValid) 
{ 
User user = new User(); 
user. User name = txt name.Text.Trim(); 
user.User pw = txt pw.Text.Trim(); 
// 判 断 用 户 名 和 密码 是 否 正确 
if (UserManager. UserLogin(user, out user) ) 
{ 


// 保 存 用 户主 键 标识 
Session["user_id"] = user.User id; 
// 重 定向 到 发 表 日 志 页 面 


Response. Redirect("~ /IssueArticleFckeditor. aspx" ); 
} 
else 
{ 
txt_msg. Text = "请 查证 并 输入 有 效 的 用 户 名 和 密码 !"; 
txt_name. Text = string.Empty; 
txt_pw. Text = string. Empty; 


说 明 : 

@ 在 首页 放置 了 与 母 版 页 (MicroBlog. Master) 的 内 容 位 置 控件 相对 应 的 4 个 内 容 
控件 (Content1~ Content4) ,分别 用 来 显示 全 部 日 志文 章 、 用 户 登录 、 所 有 用 户 列表 、 最 
新 评论 等 模块 。 

@ 这 里 用 Repeater 控件 来 实现 全 部 日 志文 章 列表 。 由 于 Repeater 控件 没有 自 带 分 
页 功能 ,因此 使 用 了 分 页 控件 AspNetPager。 这 是 一 个 第 三 方 控件 ,可 以 参照 本 书 第 4 章 
中 第 三 方 控件 的 使 用 方法 ,下 载 AspNetPager. dll、“ 添 加 引用 ”至 Web 层 的 Bin 文件 夹 
下 ,并 且 在 工具 箱 中 添加 AspNetPager 控件 。 

注意 : AspNetPager 分 页 控件 数据 源 绑 定 的 方法 ,这 里 使 用 了 PagedDataSource 对 
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象 。 在 DefaultArticleAllRepeat. aspx. cs 的 PageBind() 方 法 中 给 出 了 对 PagedDataSource 对 
象 属 性 值 的 设置 。 

分 页 控件 的 AspNetPagerl_PageChanged() 事 件 在 页 码 改 变 时 被 激活 。 

数据 分 页 是 Web 应 用 程序 数据 访问 时 的 常用 的 功能 之 一 。 迄 今 为 止 ,ASP.NET 的 
DataList 控件 .Repeater 控件 等 没有 自 带 分 页 功能 ,分 页 代码 的 编程 技术 难度 较 大 而 且 代 
码 重 用 率 较 低 。 

AspNetPager 分 页 控件 是 一 款 优秀 的 第 三 方 控 件 , 它 的 分 页 数据 可 以 来 自任 何 数据 
源 ,例如 SQL Server、Oracle、mysql] 等 数据 库 以 及 XML 文件 等 , 它 的 控件 和 数据 显示 可 
以 是 相互 独立 的 。AspNetPager 控件 可 以 在 它 的 官方 网 站 http://www. webdiyer. com/ 
download 中 下 载 。 它 的 其 他 功能 及 属性 设置 ,比如 分 页 按钮 的 样式 设置 等 ,可 登录 它 的 
网 站 查阅 更 多 的 详细 说 明 。 

@ GetPartString(Eval("Arti_text"). ToString() ,180) 方 法 用 来 截取 文章 的 前 面部 
分 字符 串 。 

GetReviewNumber(Convert. ToInt32(Eval("Arti_id")) 用 来 获取 一 篇 文章 的 评论 
总 数 。 

在 数据 访问 层 的 ArticleService. cs 类 和 ReviewService. cs 类 中 分 别 给 出 了 GetPartString() 
方法 和 GetReviewNumber() 方 法 的 定义 。 

图 在 Login.aspx 页面 文件 中 ,用 户 提交 的 登录 信息 经 过 数据 库 验 证 后 倘若 证 实 有 
效 , 则 要 将 用 户主 键 标识 User_id 保存 在 Session["user_id"] 中 。 在 发 表 日 志 页 面 时 , 需 
要 先 判 断 Session[ "user_id"] 是 否 为 null。 

(2) 在 首页 的 “用 户 登 录 ” 区 域 中 可 以 选择 新 用 户 注册 。NewLogin. aspx 新 用 户 注册 
页 面 主要 代码 如 下 : 


<$% @ Page Language = "C#" RutoEventWireup = "true" MasterPageFile = "一 /MicroBlog.Master" 
Codebehind = "NewLogin. aspx. cs" Inherits= "BlogWebApp. Login. NewLogin" %> 


<asp:Content ID = "Content1" ContentPlaceHolderID = "ContentPlaceHolder1" runat = "server"> 


<div> 
<table> 
<tr><td><asp:Label ID = "Labell" runat = "server" Text = "用 户 名 "> </asp: 
Label ></td> 
<td>< asp:TextBox ID = "txt_name" runat = "server" Width = "150px"> </asp: 
TextBox > 
<asp: RequiredFieldValidator ID = "rfv _ name" runat = " server" 


ErrorMessage = "请 输入 用 户 名 "ControlToValidate = "txt_name"> </asp: 
RequiredFieldValidator ></td></tr> 

<tr >< td><asp:Label ID= "Label2"” runat = "server"” Text = "密码 " Width = 

"48px"></asp:Label ></td> 
<td >< asp:TextBox ID = "txt_pw" runat = "server" TextMode = "Password" 
Width = "150px"></asp:TextBox> 
<asp:RequiredFieldValidator ControlTbValidate = "txt_pw"ID= "rfv_pw"runat = 
"server”ErrorMessage = "请 输入 密码 "></asp:RequiredFieldValidator > 
</td></tr> 
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<tr><td><asp:Label ID = "Label3" runat = "server" Text = "QQ" Width = "49px"> 
</asp:Label ></td> 
<td>< asp:TextBox ID = "txt_ QQ" runat = "server" Width = "150px"> </asp: 
TextBox> 
<asp:RequiredFieldValidator ID = "rfv_Q0" runat = "server" ErrorMessage = 
"请 输入 QQ 号" ControlTbValidate = "txt 00"> </asp:RequiredFieldValidator> 
</td></tr> 
<tr><td colspan = "2">< asp:Button ID = "Button1" runat = "server" Text = " 注 
册 " OnClick= "Button1_Click"” /></td></tr> 
</table> 
</div> 
</asp:Content > 


NewLogin. aspx. cs 主要 代码 如 下 : 


using BlogModels; 

using BlogBLL; 

namespace BlogWebApp. Login 

public partial class NewLogin : System. Web. UI. Page 
{ 
protected void Buttonl Click(object sender, EventArgs e) 
{ 
if (Page. IsValid) 
{ 
User user = new User(); 
user. User name= txt_name.Text.Trim(); 
user. User pw = txt pw.Text.Trim(); 
user. User 00 = txt QQ.Text. Trim(); 
if (!UserManager. UserRegister(user)) 
{ 
Response. Write("< script > alert( 'sorry, 用 户 名 已 经 存在 ! ')</script >"); 
} 
else 
{ 
Response. Write( "< script > alert( ' 注 册 成 功 ! ')</script >"); 

} 


(3) 在 首页 的 “用 户 列表 ”中 单 击 某 个 用 户 名 ,将 显示 这 个 用 户 的 所 有 文章 。 显 示 一 
个 用 户 所 有 文章 的 ArticleAllByUserld. aspx 页 面 实现 代码 如 下 : 


<% @ Page Language = "C#" AutoEventWireup = "true" Codebehind = "ArticleAllByUserId. aspx. cs” 
MasterPageFile = "~ /MicroBlog. Master" Inherits = "BlogWebApp. ArticleAllByUserId" %> 


<asp:Content ID = "Content1" ContentPlaceHolderID = "ContentPlaceHolder1" runat = "server"> 
<div> 


<asp:DataList ID= "DataList1" runat = "server" DataSourceID = "ObjectDataSourcel"> 
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< ItemTemplate> 
<asp:Label ID = "Labell" runat = "server" Text = '<%# Eval("Arti id") %>' 
Visible= "false"></asp:Label ><br /> 
<asp:Label ID = "Arti idLabel" runat = "server" Text = '<%# Eval("User_ 
id") %>'Visible= "false"></asp:Label ><br /> 
UserName:<% # Eval("User name") %$><br /> 
标题 : <% # Eval("Arti title") %><br /> 
内 容 : <% # GetPartString(Eval("Arti text").ToString(),50) %><br /> 
发 表 日 期 :<%# Eval("Submit date") %><br /> 
阅读 (<% # Eval ("Arti_click") % >) gnbsp; &nbsp; &nbsp; <a href = 
"ReviewBYRrticleId. aspx?articleid=<%# Eval("Arti id") %>"> 
评论 (<% # GetReviewNumber ( Convert. ToInt32(Eval("Arti_id")))%>) 
</a><br /> 
<a href = "ArticleDetailByArticleld. aspx?articleid =<% # Eval("Arti_ 
id") %>"> 查 看 全 文 </a></p> 
</ItemTemplate> 
</asp:DataList> 
<asp:ObjectDataSource ID = "ObjectDataSourcel" runat = " server" SelectMethod = 
"GetArticleByUserId" 
TypeName = "BlogBLL. ArticleManager"> 
< SelectParameters> 
<asp:QueryStringParameter Name = "userid" QueryStringField= "userid" Type = 
"Int32" /> 
</SelectParameters > 
</asp:ObjectDataSource> 


</div> 
</asp:Content > 


在 ArticleAllByUserld. aspx. cs 中 编写 代码 如 下 : 


using BlogModels; 
using BlogBLL; 
namespace BlogWebApp 


{ 


public partial class ArticleAllByUserId : System. Web. UI. Page 


{ 


/// < summary> 


/// 截取 文章 的 前 面部 分 内 容 
/// </summary> 


public static string GetPartString( string article text, int num) 
{ 
return ArticleManager .GetPartString(article text, num); 


/// < summary> 

/// 根据 articleId 获得 某 篇 文章 的 评论 总 数 

/// </summary> 

public static int GetReviewNumber( int articleid) 
{ 


203 


ASP NET 动 态 网 站 开发 项 目 化 教程 第 2 版 ) 


return ReviewManager. GetReviewNumber(articleid) 


(4) 查看 日 志 全 文 时 ,可 在 文章 下 方 提交 发 表 评 论 。ArticleDetailByArticleId. aspx 
“查看 全 文 ”页 面 实现 代码 如 下 ,运行 效果 如 图 9-4 所 示 。 


名 查看 全 文责 面 - Windows Internet Explorer [Ex 二 | 
GO: 纺 ) http;//localhost:2270/ArticleDetail8yArticleld.as ~ | “|X livesearch DP-~ 


9 收藏 天。 优 二 看 全 文 页 面 人 和合 - 国 - 马 哩 " 瑞 中 安 297 
要 前 位 置 。 日 去 同 过 > 首页 > 查看 全 广 元 


《台风 9id 亿 为 。 作者 : Rose 
不 知道 为 什么 ， 有 台风 来 和 了 候 ， 共 总 是 世 党 特别 9 盟 状 ,附着 被 子 折 风 声 听 丙 声 ， 识 像 守 准 冬天 里 撞车 温 听 被窝 在 乔 贡 的 人 J 下 该 亲 书 屠 
样 安稳 。 小 时 候 ， 大概 是 十 岁 左右 吧 , 我 们 真正 开 好 嘻 父 母 住 在 一 起 也 就 在 那个 时 仍 吧 ， 父 母 的 家 支 在 了 郊外 的 一 学 校 里 ， 那 是 一 蛋 以 经 
年 失修 的 三 层 档 房 ， 砖 木 洋 瓦 ， 西 面体 山 ， 房 子 在 农田 果园 和 远 处 你 笑 蜗 的 农舍 中 自 扣 立 ， 在 那 时 是 个 区 然 大 物 ， 可 有 多 少 人 知 首 它 
是 个 危 启 呢 。 夏 日 天 气 很 站 执 和 8 企 ， 台 风 就 要 末了 。 这 个 月 的 九 月 七 呈 吧 ， 老 农 同学 回 家 去 看 他 轧 亲 ， 他 打 电 话 回来 
就 早 丙 天 拆 的 ， 我 国 着 遍 域 转 了 一 图 ， 他 说 。 房子 没有 了 ， 父 亲 也 走 了 ， 那 苇 着 父亲 给 我 们 县 多 记 忆 的 、 在 折 风 中 哟 炒 的 三 | 
那 芝 来 忍 册 和 其) 我 青少年 时 代 的 台风 ， 只 舟 永 远 的 是 记忆 中 的 回味 和 温 苏 了 ! 

发 表 日 期 :2009109105 22:35:05 


发 表 时 间 : 2009/9/11 13:43:25 
4 加 


图 9-4 “查看 全 文 ” 页 面 运行 效果 


<% @ Page Language = "C#" AutoEventWireup = "true" MasterPageFile = "一 /MicroBlog1.Master" 
Codebehind = "ArticleDetailByArticlelId. aspx. cs" Inherits= "BlogWebApp. 
ArticleDetailByAriticleId" %> 


<asp:Content ID = "Content1" ContentPlaceHolderID = "ContentPlaceHolder1” runat = "server"> 
<div class= "ArticleDetail"> 
<asp:ObjectDataSource ID = "ObjectDataSourcel" runat = " server" SelectMethod = 
"GetArticleByArticleId" TypeName = "BlogBLL. ArticleManager"> 
< SelectParameters> 
<asp: QueryStringParameter Name = " articleid " QueryStringField = 
"articleid" Type = "Int32" /> 
</SelectParameters> 
</asp:ObjectDataSource> 
<asp:DataList ID= "DataList1" runat = "server" DataSourceID = "ObjectDataSourcel"> 
<ItemTemplate> 
<asp:Label ID = "Labell" runat = "server" Text = '<%# Eval("Arti_id") %>' 
Visible= "false"></asp:Label ><br /> 
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<asp:Label ID = "Arti_ idLabel" runat = "server" Text = '<$%# Eval("User_ 
id") %>'Visible="false"></asp:Label ><br /> 

<%# Eval("Arti title") %> gnbsp;&nbsp; gnbsp; gnbsp; &nbsp; gnbsp; 作者: 
<%# Eval("User name") %$><br /> 

<%# Eval("Arti text") %><br /> 

发 表 日 期 :<% # Eval("Submit date") %><br /> 

阅读 (<% # Eval ("Arti_click") % >) gnbsp; gnbsp; gnbsp; < a href = 

"ReviewBYRrticleId. aspx?articleid=<%# Eval("Arti id") %>"> 

评论 (<% # GetReviewNumber(Convert. ToInt32(Eval("Arti id"))) %>)</a> 


</ItemTemplate> 
</asp:DataList > 
</div> 
<div class = "IssueReview. aspx"> 
< h4 > 发 表 评 论 </h4 > 
姓名 ( 必 填 ) < asp: TextBox ID = "txt_name" runat = "server" Width = "86px"> </asp: 
TextBox> 
<asp: RequiredFieldValidator ID = "RequiredFieldValidator1l" ControlToValidate = 
"txt name” runat = " server " ErrorMessage =" 请 填写 姓名 !" > </asp: 


RequiredFieldValidator ><a href =""> 我 要 登录 </a>< br /> 
<asp:TextBox ID = "txt_text" runat = "server" Height = "50px" Width = "278px" 
TextMode = "MultiLine"></asp: TextBox > gnbsp;< br /> 
<asp:Button ID = "Button1”runat = "server" Text = "发 表 评 论 " OnClick = "Buttonl_Click" /> 
</div> 
< div class = "ReviewList"> 
<asp:0bjectDataSource ID = "ObjectDataSource2" runat = " server" SelectMethod = 
"GetReviewByArticleId" TypeName = "BlogBLL. ReviewManager"> 
< SelectParameters> 
<asp: QueryStringParameter Name = " articleid" QueryStringField = 
"articleid" Type = "Int32" /> 
</SelectParameters> 
</asp:ObjectDataSource> 
<asp:DataList ID = "DataList2" runat = "server" DataSourceID = "ObjectDataSource2"> 
< ItemTemplate> 
<asp:Label ID = "Revi_id" runat = "server”Text = '<%# Eval("Revi id") %>' 
Visible = "false"></asp:Label ><br /> 
<asp:Label ID = "Arti id" runat = "Server”Text = '<$%# Eval("Arti_ id") %>' 
Visible = "false"></asp:Label ><br /> 
<%# Eval("User name") %$><br /> 
评论 内 容 : <% # Eval("Revi_text") %><br /> 
发 表 时 间 : <% # Eval("Submit_date") %><br /> 
</ItemTemplate> 
</asp:DataList> 
</div> 


</asp:Content > 


在 ArticleDetailByArticleId. aspx. cs 中 编写 如 下 代码 。 


using BlogModels; 
using BlogBLL; 
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namespace BlogWebApp 


. 


public partial class RrticleDetailBYRriticleId : System. Web. UI. Page 


{ 


protected void Page Load(object sender, EventArgs e) 


{ 


} 


if (!IsPostBack) 


下 


if (Request. QueryString[ "articleid"] ! = null) 
{ 
int articleid; 
try 
{ 
articleid = Convert.ToInt32(Request. QueryString[ "articleid"]); 
LogArticle article = ArticleManager. GetArticleByArticleId(articleid); 
// 文 章 阅 读 次 数 加 1 
article. Arti click + = 1; 
ArticleManager. UpdateArticle(article); 
this. DataList1. DataBind( ); 
} 
catch 
{ 
Response. Write("< script > alert( 'Sorry, 此 文 不 存在 ! ')</script >"); 


protected void Buttonl Click(object sender, EventArgs e) 


人 


if (Page.IsValid) 


// 获 取 文章 ID 
int articleid = Convert. ToInt32(Request.QueryString["articleid"]); 
Review review = new Review(); 
// 获 取 评 论 内 容 
review. Revi text = txt text.Text.Trim().ToString(); 
review. Submit_date = DateTime. Now; // 发 表 评 论 时 间 
if (Session["user id"] == null) 
{ 
// 给 匿名 评论 用 户 设 定 User_id 
review. User_id = 80; 
review. User_name = txt_name.Text.Trim().ToString(); 


else 


int userid = Convert.ToInt32((Session["user id"]).ToString()); 

// 获 取 已 登录 评论 用 户 的 User_id 

review. User_id = userid; 

review. User name = UserManager.GetUserByUserId(userid).User name; 


第 9 章 网 站 部 署 与 安全 性 配置 


} 
if (ReviewManager. AddReview(review, articleid) ! = 0) 
{ 
Response. Redirect ("ArticleDetailByArticlelId. aspx?articleid=" + articleid); 
Response. Write("< script >alert( ' 评 论 发 表 成 功 ! ')</script >"); 
} 
else 
{ 
Response. Write("< script > alert( 'Sorry, 评 论 提交 失败 ! ')</script >"); 
} 


} 
/// < summary> 
/// 根据 ArticleId 获得 某 篇 文章 的 评论 总 数 
/// </summary> 
public static int GetReviewNumber( int articleid) 
{ 
return ReviewManager. GetReviewNumber(articleid); 


, 


(5) 在 首页 “全 部 日 志文 章 ” 中 或 是 在 “查看 全 文 ” 页 面 中 单 击 “ 评 论 ”" 超 链接 ,可 以 看 
到 一 篇 文章 的 全 部 评论 。 显 示 一 篇 文章 的 全 部 评论 的 ReviewByArticleId. aspx 页 面 实现 
代码 如 下 : 


<% @ Page Language = "C#" AutogventWireup = "true" MasterPageFile = "~ /MicroBlogl. Master" 
Codebehind = "ReviewByArticlelId. aspx. cs" Inherits = "BlogWebApp. ReviewByArticleId" %> 


<asp:Content ID = "Content1" ContentPlaceHolderID = "ContentPlaceHolder1l" runat = "server"> 
< div class = " Review layer "> 
< asp:DataList ID = "DataList1" runat = "server" DataSourceID = "ObjectDataSourcel"> 
< ItemTemplate> 
<asp:Label ID = "Labell" runat = "server" Text = '<%# Eval("Revi_ id") %>' 
Visible = "false"></asp:Label ><br /> 
<asp:Label ID= "Label2" runat = " Server”Text = '<%# Eval("Rrti_id") %>' 
Visible= "false"></asp:Label ><br /> 
<%# Eval("Arti title") %><%# Eval("User_name") %><br /> 
评论 内 容 : <% # Eval("Revi_text") %><br /> 
发 表 时 间 : <% # Eval("Submit_date") %$><br /> 
</ItemTemplate> 
</asp:DataList> 
<asp:ObjectDataSource ID = " ObjectDataSourcel ”runat = " server” SelectMethod = 
"GetReviewByArticleId" 
TypeName = "BlogBLL. ReviewManager"> 
< SelectParameters> 
<asp: QueryStringParameter Name = "articleid" QueryStringField = "articleid" 
Type = "Int32" /> 
</SelectParameters> 
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</asp:ObjectDataSource> 
</div> 
</asp:Content > 


(6) 在 首页 左 侧 * 最 新 评论 ”区域 下 方 单 击 * 全 部 评论 ? 超 链接 ,可 以 看 到 所 有 文章 的 
全 部 评论 。ReviewAllList. aspx 页 面 实现 代码 如 下 : 


<% @ Page Language = "C#" AutoEventWireup = "true" MasterPageFile = "一 /MicroBlog1.Master" 
Codebehind = "ReviewAllList. aspx.cs" Inherits = "BlogWebApp. ReviewAllList" %> 


<asp:Content ID = "Content1" ContentPlaceHolderID = "ContentPlaceHolder1l" runat = "server"> 
<div class = "ReviewAll layer"> 
<div id= "text"> 全 部 评论 </div> 
< asp:DataList ID = "Databist1" runat = "server" DataSourceID = "ObjectDataSourcel"> 
< ItemTemplate> 
<a href = " RrticleDetailBYRrticleId. aspx? articleid = <% # Eval("Rrti_ 
id") %>" target =" blank"><%# Eval("Rrti title") %></a></br> 
<%# Eval("User name") 外 > 
:<%# Eval("Submit date") %></br> 
<%# Eval("Revi text") %></br> gnbsp; gnbsp; Snbsp; 
<a href = "" target = ""> 回 复评 论 </a></br></br> 
</ItemTemplate> 
</asp:DataList> 
<asp:ObjectDataSource ID = " ObjectDataSourcel ”runat = " server" SelectMethod = 
"GetReviewAll" TypeName = "BlogBLL. ReviewManager"> 
</asp:0bjectDataSource > 
</div> 
</asp:Content > 


(7) 在 发 表 日 志 页 面 ,需要 先 判断 Session["user_id"] 是 否 为 null, 从 而 判断 该 用 户 
是 否 为 登录 用 户 。 需 要 注意 第 三 方 控件 FCKeditor( 在 线 文本 编辑 器 ) 的 使 用 ,使 用 的 详 
细 说 明 可 参照 任务 4. 3。 

发 表 日 志 页 面 IssueArticleFCKeditor. aspx 实现 代码 如 下 ,运行 效果 如 任务 4. 3 中 
的 图 4-7 所 示 。 


<% @ Page Language = "C#" AutoEventWireup = "true"”MasterPageFile = "一 /MicroB1og. Master" 
Codebehind = "IssueArticleFCKeditor. aspx. cs" Inherits = "BlogWebMpp. IssueArticleFCKeditor" %> 


<% @ Register Assembly = " FredCK. FCKeditorV2" Namespace = "FredCK. FCKeditorV2" TagPrefix = 
"FCKeditorV2" %> 
<asp:Content ID = "Content1" ContentPlaceHolderID = "ContentPlaceHolder1" runat = "server"> 
<div> 
<asp:Label ID = "Labell"” runat = "server" Text = "日 志 标 题 "></asp:Label> 
< asp:TextBox ID = "txt_title" runat = "server"></asp:TextBox>< br /> 
<asp:Label ID = "Label2" runat = "server" Text = "日 志 正 文 "></asp:Label ><br /> 
< FCKeditorV2:FCKeditor ID = "FCKeditor1" runat = "server" Height = "280px"> 
</FCKeditorV2:FCKeditor > 
<asp:Button ID = "Button1"” runat = "server" Text = "发 表 文章 " OnClick = "Buttonl_Click" /> 
</div> 
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</asp:Content > 


在 IssueArticleFCKeditor. aspx. cs 中 编写 代码 如 下 : 


using BlogModels; 
using BlogBLL; 
namespace BlogWebApp 
{ 
public partial class IssueArticleFCKeditor : System. Web. UI.Page 
{ 
protected void Buttonl Click(object sender, EventArgs e) 
{ 
if (Page. IsValid) 
{ 
LogArticle article = new LogArticle(); 
// 获 取 日 志 标 题 \ 日 志 内 容 
article. Arti title = txt title.Text.Trim().ToString(); 
article. Arti text = FCKeditorl. Value.Trim().ToString(); 
// 阅 读 次 数 初始 值 为 0 
article. Arti click = 0; 
// 发 表 日 志 时 间 
article. Submit date = DateTime. Now; 
if (Session["user_id"] == null) // 用 户 没 有 登录 
{ 
Response. Write("< script > alert( ' 请 先 登 录 ')</script >"); 
} 
else 
{ 
// 获 取 发 表 日 志 用 户 的 User_id 
string UserId = Session["user_id"].ToString(); 
article. User_id = Convert.ToInt32(UserId); 
if (ArticleManager. AddArticle(article, UserId) ! = 0) 


{ 
Response. Redirect("~/DefaultArticleAllRepeat. aspx" ); 
Response. Write("< script > alert( ' 文 章 发 表 成 功 ! ')</script >"); 
} 
else 
{ 
Response. Write("< script > alert( 'Sorry, 文章 提交 失败 ! ')</script >"); 
} 


} 


(8) 在 用 户 退 出 登录 时 , 需 清 空 Session 对 象 。 在 退出 登录 页 面 Logout. aspx. cs 中 
编写 代码 如 下 : 
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namespace BlogWebApp. Login 
{ 
public partial class Logout : System. Web. UI.Page 
{ 
protected void Page Load(object sender, EventArgs e) 


{ 
Session["user_ id"] = null; // 清 空 Session 对 象 ,退出 登录 
Response. Redirect("~ /Login/Login. aspx" ); // 返 回 到 登录 页 面 


} 

(9) 对 于 Admin 文件 夹 , 当 前 任务 尚未 设置 任何 访问 限制 ,允许 所 有 用 户 访问 。 

ArticleManagerGridView. aspx 是 日 志文 章 的 后 台 管 理 页 面 ,参考 代码 如 下 ,运行 效 
果 如 图 9-5 所 示 。 


售后 台 日 志文 章 管理 页 面 - Windows Internet Explorer [ET 一 > 一 | 
合 加 -| http://localhost:2270/Admin/ArticleManz -| 好 | p< | 四 Live search " 


请 收藏 夫 。 合 后 台 日 志文 章 管 理 页 面 
和 位置， 日 志 同 站 > 我 是 管理 员 < 


桂花 榈 有 两 洲 多 高 了 ， 持 人 了 周 花 花草 昔 的 有 光 ， 好 负 棱 了 。 不知 入 年 皮 放 用 什么 
疯 村 机 村 我 没有 找到 导 防 ， 大 太刀 是 巡 划 坪 的 ， 但 共 知 8 志 关 的 风格 ， 家 里 一 定 备 刘 
John 的 学 工具 的 ， 终 于 在 十 北 前 的 小 基 编 入 得， 也 所 到 了 一 把 负 可 ， 木 柄 ， 直 枫 ， 一 尺 7 2009/09/01 全 
间 来 长。 出 太 了 的 下 午 ， 我 和 对 可 北 角 的 桂 邢 村 下 了 手 。 我 站 在 机 下 只 如 看 太阳 , 看 《7 21:58:11 六 
圭 边 束 处 有 操 择 的 村 以 挡住 阳 光 ， 我 就 岂 神 它 一 点 ， 等 到 核 叶 新 硫 浊 光 星 铬 而 下 ， 才 


[| 

妇 
发 现 这 

要 党 去 年 二 早 ， 今 春 就 想 神 天 天 时 的 植 构 。BAIDUGOOGLEB9_ 查 ， 沿 南瓜 村 大 时， 


Rose 网 有 它 的 根系 可 达 地 议 要 开花 结果 时 汉 水 妈 可 。 于 是 就 种 南 拟 ， 在 前 国 西 边 “4 
的 桂花 树 下 上 种 了 


2009/09/01 全 出 
12:38:49 玄 队 


图 9-5 ”后台 日 志文 章 管理 页 面 


<% @ Page Language = "C#" AutoEventWireup = "true" MasterPageFile = "一 /MicroB1og.Master" 
Codebehind = "ArticleManagerGridView. aspx. cs" Inherits = "BlogWebApp. ArticleManagerGridView" %> 


<asp:Content ID = "Content1" ContentPlaceHolderID = "ContentPlaceHolderl1" runat = "server"> 
<div> 
<asp:GridView ID = "GridViewl" runat = "server" AllowPaging = "True" AutoGenerateColumns = 
"False" DataSourceID = "ObjectDataSourcel”DataKeyNames = "Arti_id" CellPadding = "4" 
ForeColor = " #333333" GridLines = "None" PageSize= "3"> 
< Columns > 
<asp: BoundField DataField = " Arti id” HeaderText = " Arti id" 
SortExpression = "Arti_id" Visible= "False" /> 
<asp: BoundField DataField = " User _ id" HeaderText = " User _ id" 
SortExpression = "User id" Visible = "False" /> 
<asp: BoundField DataField = " User _ name" HeaderText =" 作者 " 
SortExpression = "User_name" /> 
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<asp: BoundField DataField = " Arti _ title"” HeaderText = "标题 " 
SortExpression = "Arti title" /> 
<asp:TemplateField HeaderText = "内 容 " SortExpression = "Arti text"> 
< ItemTemplate> 
< 第 井 GetPartString(Eval("Arti text").ToString(),192) > 
</ItemTemplate> 
</asp:TemplateField> 
<asp: BoundField DataField = "Arti_click"” HeaderText = "阅读 次 数 " 
SortExpression = "Arti click" /> 
<asp: BoundField DataField = " Arti _ review"” HeaderText = "评论 数 " 
SortExpression = "Arti_review" Visible= "False" /> 
<asp: BoundField DataField = " Submit date” HeaderText = "提交 日 期 " 
SortExpression = "Submit date" /> 
<asp: HyperLinkField HeaderText =" 全文" NavigateUrl =" ~/ 
ArticleDetailByArticleId. aspx”Text = "全 文 ”DataNavigateUrlFields = 
"arti_id" DataNavigateUrlFormatString = " ArticleDetailByArticlelId. 
aspx?articleid= {0}" /> 
<asp:CommandField ShowDeleteButton = "True" /> 
</Columns> 
< RowStyle BackColor = " # E3EAEB" /> 
< FooterStyle BackColor = "#1C5E55" Font - Bold = "True" ForeColor = "White" /> 
< PagerStyle BackColor = " #666666" ForeColor = "White" HorizontalAlign = "Center" /> 
< SelectedRowStyle BackColor = "#C5BBAF" Font — Bold= "True" ForeColor = "#333333" /> 
< HeaderStyle BackColor = "#1C5E55" Font - Bold = "True" ForeColor = "White" /> 
< EditRowStyle BackColor = "#7C6F57" /> 
<AlternatingRowStyle BackColor = "White" /> 
</asp:GridView> 
<asp:ObjectDataSource ID = "ObjectDataSourcel" runat = "server" DataObjectTypeName = 
"BlogModels. LogArticle"DeleteMethod = "DeleteArticle" SelectMethod = "GetArticleAll" 
‘TypeName = "BlogBLL. ArticleManager" UpdateMethod = "UpdateArticle"> 
</asp:ObjectDataSource> 
</div> 
</asp:Content> 


在 ArticleManagerGridView. aspx. cs 中 编写 代码 如 下 : 


using BlogModels; 
using BlogBLL; 
namespace BlogWebApp 
public partial class ArticleManagerGridView : Systenm. Web. UI. Page 
{ 
/// < summary> 
/// 截取 文章 的 前 面部 分 内 容 
/// </summary> 
public static string GetPartString(string article text, int num) 
{ 
return ArticleManager. GetPartString(article_ text, num); 
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9.1.9 小 结 


(1) 数据 库 连 接 属 于 应 用 程序 级 的 配置 ,所 以 连接 字符 串通 常 是 设置 在 站 点 的 Web 
. config 文件 中 的 。 在 Web. config 的 二 connectionStrings 二 一 /connectionStrings 二 配置 
节 中 ,也 可 以 保存 多 个 数据 库 连接 的 配置 信息 (使 用 多 个 add 标记 即 可 ) 。 

(2) 表示 层 中 的 截取 文章 部 分 内 容 ( 截 取 字符 串 ) 等 通用 方法 ,通常 情况 下 应 该 是 放 
在 单独 创建 的 如 CommonHandler. cs 类 中 并 放置 在 App_Code 目录 下 ,读者 可 以 自行 
尝试 。 

(3) 限于 篇 幅 , 在 上 述 所 列 代码 中 省 略 了 发 表 日 志 页 面 , 发 表 评 论 页 面 中 输入 控件 的 
非 空 验证 。 数 据 库 表 中 的 某 些 null 值 将 导致 “未 将 对 象 引 用 设置 到 对 象 实 例 ” 等 异常 。 
切记 务必 给 上 述 页 面 控 件 加 上 非 空 验证 。 

9.1.10 思考 与 练习 

在 每 一 个 评论 的 后 面 添加 一 个 “回复 评论 ? 超 链接 , 当 单 击 * 回 复评 论 ? 超 链接 时 ,显示 
一 个 可 以 添加 回复 的 表单 并 将 回复 信息 与 该 条 评论 一 起 发 布 显 示 。 

提示 : 可 以 增加 一 回复 信息 的 数据 库 表 。 


任务 9.2 网 站 的 安全 认证 与 授权 


任务 目标 


(1) 了 解 Web. config 应 用 程序 配置 文件 的 文件 结构 以 及 它 的 网 站 安全 性 配置 策略 。 
(2) 了 解 ASP.NET 身份 认证 的 基本 方式 以 及 它 的 用 户 授权 机 制 。 
(3) 掌握 设置 基于 表单 的 身份 验证 和 页 面授 权 的 方法 。 


9.2.1 网 站 安全 性 配置 概述 


在 上 一 任务 中 , 当 用 户 请 求 发 表 日 志 时 ,是 用 Session 来 记录 、 判 断 用 户 是 否 为 登录 
用 户 的 : 在 用 户 登 录 页 面 , 当 用 户 登 录 成 功 时 从 数据 库 获取 与 其 用 户 名 、 密 码 相 对 应 的 
user_id 存 人 Session 中 ,然后 在 需要 的 每 一 个 页 面 判 断 Session["user_id"] 是 否 为 null， 
否则 断定 该 用 户 没 有 登录 ; 在 该 用 户 退 出 时 , 令 其 Session["user_id"] = null。 这 样 很 直 
观 ,但 无 疑 使 代码 完 长 并 增加 了 编码 的 复杂 性 。 

其 实在 ASP.NET 的 安全 体系 架构 中 ,有 着 更 简捷 的 实现 方案 : 那 就 是 简单 的 配置 
Web. config 文件 ,实现 应 用 程序 和 页 面 文件 的 认证 与 授权 。 

所 谓 认证 ,就 是 身份 验证 ,要 求 用 户 输入 用 户 名 和 密码 进行 登录 验证 后 方 可 进入 应 用 
程序 或 页 面 文件 ; 而 所 谓 授 权 , 就 是 对 进入 应 用 程序 的 用 户 授 予 访问 哪些 页 面 或 资源 的 
权利 。 这 有 点 像 进 学 校 的 图 书馆 : 进入 校 图 书馆 的 必须 是 本 校 的 教工 或 学 生 , 这 是 已 经 
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经 过 认证 的 ; 而 进入 图 书馆 大 楼 以 后 ,一 般 用 户 能 自由 出 入 阅览 室 、 借 阅 室 ; 若 要 进 藏书 
库 、 编 目 室 则 必须 要 得 到 许可 或 授权 。 

一 个 站 点 就 是 一 个 应 用 程序 。Web. config 是 应 用 程序 配置 文件 。 一 个 应 用 程序 的 
各 级 目录 下 都 可 以 有 Web. config 文件 ,每 一 个 Web. config 只 对 当前 目录 及 其 子 目 录 起 
作用 。 每 一 个 子 目 录 都 可 以 继承 上 一 级 目录 的 配置 并 覆盖 其 中 相同 的 选项 。 

Web. config 是 一 个 XML 文件 。 可 在 “解决 方案 资源 管理 器 ”面板 中 右 击 MicroBlog 
项 目的 Web 层 BlogWebApp, 在 弹出 的 快捷 菜单 中 选择 “添加 ”一 “新 建 项 ”命令 ,在 打开 
的 “添加 新 项 -BlogWebApp” 对 话 框 中 ,选择 “Web 配置 文件 "选项 ,Web. config 默认 的 文 
件 格式 如 下 : 


<?xml version = "1.0" encoding = "utf 一 8"?> 
<!—— 
注意 : 除了 手动 编辑 此 文件 以 外 ,还 可 以 使 用 
Web 管理 工具 来 配置 应 用 程序 的 设置 。 可 以 选择 
Visual Studio 中 的 "网 站 " ->"Asp. Net 配置 " 命 
令 。 设置 和 注释 的 完整 列表 在 machine. config. 
comments 中 ,该 文件 通常 位 于 \Windows\Microsoft. 
Net\Framework\v2.x\Config 中 
-=> 
<configuration> 
< appSettings/> 
< connectionStrings/> 
< system. web > 
<!—— 
设置 compilation debug = "true" 将 调试 符号 插入 
已 编译 的 页 面 中 。 但 由 于 这 会 影响 性 能 , 因此 只 在 
开发 过 程 中 将 此 值 设置 为 true。 
二 = 多 
< compilation debug = "false" /> 
<!—— 
通过 < authentication> 节点 可 以 配置 ASP.NET 使 用 的 
安全 身份 验证 模式 ,以 标识 传人 的 用 户 。 
--> 
<authentication mode = "Windows" /> 
<!-- 
如 果 在 执行 请 求 的 过 程 中 出 现 未 处 理 的 错误 ， 
则 通过 < customErrors> 节点 可 以 配置 相应 的 
处 理 步骤 。 具 体 来 说 ,开发 人 员 通 过 该 节 可 以 
配置 要 显示 的 html 错误 页 以 代替 错误 堆栈 跟踪 . 
--> 
< customErrors mode = "RemoteOnly" defaultRedirect = "GenericErrorPage. htm"> 
< error statusCode = "403" redirect = "NoAccess. htm" /> 
<error statusCode = "404" redirect = "FileNotFound. htm" /> 
</customErrors> 
</system. web> 
</configuration> 
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可 以 看 到 ,Web. config 文件 的 根 节点 是 一 configuration 二 ,所 有 的 配置 信息 都 位 于 
一 configuration 二 一 /configuration 二 根 节点 之 中 。 其 中 : 

二 appSettings 记 过/appSettings 这 是 应 用 程序 设置 节 , 用 来 定义 应 用 全 局 常量 如 数 
据 库 连接 字符 串 常量 等 信息 ; 

一 authentication 二 一 /authentication 之 可 称 为 认证 节 , 用 来 设置 应 用 程序 的 身份 验 
证 模式 。 没 有 经 过 身份 验证 访问 应 用 程序 的 用 户 称 为 匿名 用 户 ,在 默认 情形 下 ,应 用 程序 
是 允许 匿名 访问 的 ; 

< 二 authorization 之 过 /authorization 之 可 称 为 授权 节 , 用 于 设置 允许 (allow) 或 拒绝 
(deny) 用 户 或 用 户 组 访问 特定 页 面 资源 的 权利 ; 

二 customErrors 二 二 /customErrors 二 是 自 定义 错误 节 , 用 来 指定 发 生 错误 时 可 以 重 
定向 的 页 面 的 URL。 这 样 可 以 自行 编写 出 错时 的 信息 显示 页 面 ,以 免 程序 发 生 错误 时 系 
统 抛 出 的 异常 直接 被 用 户 看 见 。 


9.2.2 ASP.NET 身份 验证 模式 


ASP.NET 支持 以 下 3 种 模式 的 身份 验证 。 

(1) 基于 Microsoft Windows 的 身份 验证 。Windows 认证 要 求 每 一 个 用 户 在 应 用 程 
序 所 在 的 服务 器 上 拥有 一 个 用 户 账号 ,并 在 Web. config 文件 中 设置 如 下 代码 。 

< System. web> 


< authentication mode = "Windows" /> 
</system. web> 


(2) 基于 Microsoft Passport 的 身份 验证 。Passport 认证 是 Microsoft 收费 的 一 种 注 
册 通 行 证 服务 。 目 前 国内 网 站 较 少 使 用 。 

(3) 基于 Forms 的 身份 验证 。Forms 认证 需要 在 应 用 程序 中 增加 一 个 登录 页 面 。 当 
用 户 访问 应 用 程序 的 受 限 页 面 时 ,将 被 自动 引导 到 登录 页 面 。 用 户 输入 的 用 户 名 和 密码 
经 数据 库 验 证 后 倘若 正确 ,表示 通过 认证 ,在 客户 端 将 自动 创建 一 个 以 用 户 名 为 参数 的 认 
证 Cookie, 并 重 定向 到 用 户 刚才 请 求 的 页 面 。 

例如 ,倘若 希望 所 有 访问 管理 员 后 台 (Admin 文件 夹 下 的 所 有 页 面 ) 的 用 户 都 必须 先 
到 登录 页 面 Login. aspx 去 登录 以 验 明 身 份 . 则 可 以 在 Web. config 文件 中 设置 如 下 代码 。 


<authentication mode = "Forms"> 
< forms name = "userCookie" loginUrl = "~ /Login/Login.aspx" timeout = "60"/> 
</authentication> 


< location path = "Admin"> 
< system. web> 
<authorization> 
<allow roles = "admin"/> 
<allow users = "Rose"/> 
< deny users="x*"/> 
</authorization> 
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</system. web> 
</location> 


说 明 : 

GD 在 以 上 授权 节 中 ,授权 角色 ( 即 用 户 组 )admin 和 用 户 Rose 可 以 访问 Admin 文件 
夹 下 的 文件 。 一 deny users 一 "* "/ 盖 表示 拒绝 所 有 用 户 , 一 allow users 二 "?"/ 记 表示 允 
许 匿 名 用 户 。 注 意 通 配 符 的 用 法 。 

@ 在 以 上 认证 节 中 ,mode 设置 了 基于 Forms 的 身份 验证 。name 属性 用 来 指定 认证 
Cookie,Cookie 名 称 任意 ; loginUrl 属性 指定 将 被 自动 引导 的 登录 页 面 URL; timeonut 属 
性 指定 认证 Cookie 的 到 期 时 间 ( 分 钟 ) 。 

基于 Forms 的 认证 使 用 Cookie 来 保持 页 面 之 间 的 状态 。 因 为 设置 简单 ,是 迄今 为 
止 广泛 使 用 的 认证 模式 。 


9.2.3 Blog 网 站 的 安全 性 配置 策略 


(1) 继续 创建 日 志 网 站 。 站 点 目录 结构 数据库 文件 及 主要 页 面 文件 可 以 参考 任 
务 9.1。 站 点 首页 是 DefaultArticleAllRepeat. aspx。 

(2) 在 Web. config 中 设置 页 面 的 授权 。 

对 于 匿名 用 户 、 认 证 用 户 ,管理 员 账 号 用 户 等 ,分 别 授予 允许 访问 或 拒绝 访问 特定 页 
面 资源 的 权利 : 

对 于 包括 匿名 用 户 在 内 的 所 有 用 户 ,授予 允许 访问 首页 (浏览 日 志 ) 的 权利 ; 授予 允 
许 访问 Login 登录 文件 夹 ( 用 户 登 录 、 新 用 户 注册 ) 的 权利 ; 

对 于 认证 用 户 ,授予 允许 访问 发 表 日 志 页 面 的 权利 ; 

对 于 管理 员 用 户 , 则 授予 其 允许 访问 Admin 管理 员 文件 夹 的 权利 。 

注意 : 对 于 Admin 管理 员 文 件 夹 ,同时 还 要 设置 拒绝 匿名 访问 ,因为 在 默认 情形 下 ， 
应 用 程序 是 允许 匿名 访问 的 。 

在 MicroBlog 项 目 Web 站 点 下 ,Web. config 应 用 程序 配置 文件 的 代码 如 下 : 


<?xml version= "1.0" encoding= "utf - 8"?> 
<configuration> 
< appSettings/> 
< connectionStrings > 
<add name = " userlogConnectionString " connectionString = " Data Source = .\SQOLEXPRESS; 
RttachDbFilename = |DataDirectory| \userlog. mdf; Integrated Security = True; User Instance 
= True" providerName = "System. Data. SqlClient" /> 
</connectionStrings> 


< System. web > 
= 
设置 compilation debug = "true" 将 调试 符号 插入 已 编译 的 页 面 中 .但 由 于 这 会 
影响 性 能 ,因此 只 在 开发 过 程 中 将 此 值 设置 为 true. 
-> 
<compilation debug = "true"/> 


2ls 


ASP NET 动 态 网 站 开发 项 目 化 教程 第 2 版 ) 


= 
通过 <authentication> 节 可 以 配置 RSP.NET 使 用 的 安全 身份 验证 模式 ， 
以 标识 传人 的 用 户 . 
==% 
< authentication mode = "Forms"> 
< forms name = "RuthCookie" loginUrl = "一 /Login/Login. aspx"/> 
</authentication> 


< authorization> 
<allow users = "?"/> 
</authorization > 
</system. web> 


< location path = "Login"> 
< system. web> 
<authorization> 
<allow users="*#*"/> 
</authorization> 
</system. web> 
</location> 


< location path = "Admin"> 
< System. web > 
< authorization> 
<allow users = "Rose John"/> 
< deny users = "* "/> 
</authorization> 
</system. web> 
</location> 


< system. web> 
<!-— 
如 果 在 执行 请 求 的 过 程 中 出 现 未 处 理 的 错误 , 则 通过 < customErrors > 节点 
可 以 配置 相应 的 处 理 步 又。 具体 来 说 ,开发 人 员 通 过 该 节 可 以 配置 要 显示 的 
html 错误 页 以 代替 错误 堆栈 跟踪 . 
于 
< customErrors mode = "RemoteOnly" defaultRedirect = "GenericErrorPage. htm"> 
< error statusCode = "403" redirect = "NoAccess. htm" /> 
< error statusCode = "404" redirect = "FileNotFound. htm" /> 
< error statusCode = "500" redirect = "ServerError. htm" /> 
</customErrors> 
</system. web> 
</configuration> 


可 以 看 到 ,这 里 用 二 allow users 二 "Rose,John"/ 祖 ,一 个 逗号 分 隔 的 用 户 名 列表 ,来 
代 蔡 了 roles 角色 (用 户 组 ) 的 授权 设置 : 授权 用 户 Rose、John 可 以 访问 Admin 文件 夹 。 
Forms 验证 没有 为 角色 验证 提供 直接 支持 ,所 以 这 是 最 简单 的 给 用 户 组 授权 的 方法 。 
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(3) 在 登录 页 面 的 Login. aspx. cs 中 新 增 的 几 行 代码 ,用 以 在 通过 登录 的 数据 库 验 证 
以 后 给 用 户 发 放 凭 证 Cookie。 修 改 后 的 Login. aspx. cs 代码 如 下 : 


using BlogModels; 
using BlogBLL; 
namespace BlogWebApp. Login 
{ 
public partial class Login : System. Web. UI. Page 
protected void Buttonl Click(object sender, EventArgs e) 
{ 
if (Page. IsValid) 
{ 
User user = new User(); 
user. User name = txt name.Text.Trim(); 
user. User pw = txt_pw.Text.Trim(); 


// 判 断 登录 用 户 名 和 密码 是 否 正确 
if (UserManager. UserLogin(user, out user) ) 
{ 
// 保 存 发 表 日 志 时 需要 的 用 户主 键 标 识 
Session[ "user_id"] = user.User id; 
// 通 过 登录 的 数据 库 验 证 ,并 在 客户 端 创建 一 个 以 登录 名 为 参数 的 认证 Cockie 
FormsAuthentication. SetAuthCookie(txt_name. Text, false); 
// 重 定向 到 管理 员 页 面 
Response. Redirect("~ /Admin/ArticleManagerGridView. aspx" ); 
} 
else 
{ 
txt_msg. Text = "请 查证 并 输入 有 效 的 用 户 名 和 密码 !"; 
txt_name. Text = string. Empty; 
txt_pw. Text = string. Empty; 


} 


当 用 户 请 求 管理 员 页 面 (比如 日 志文 章 管理 页 面 ArticleManagerGridView. aspx) 时 ， 
将 被 自动 引导 到 Login. aspx 页 面 登录 ; 在 Login. aspx. cs 文件 中 根据 用 户 输入 的 用 户 名 
和 密码 在 数据 库 userlog. mdf(userinfo 表 ) 中 寻找 匹配 记录 。 倘 若 通 过 数据 库 验证 ,系统 
将 自动 在 客户 端 创建 一 个 以 用 户 名 为 参数 的 认证 Cookie 并 可 重 定向 到 刚才 用 户 请 求 的 
(管理 员 ) 页 面 。false 表示 关闭 浏览 器 后 不 保留 认证 Cookie。 

上 述 新 增 的 两 行 代码 也 可 以 合并 成 一 行 ,并 且 是 重 定向 到 用 户 刚才 请 求 的 页 面 , 代 码 
如 下 : 


FormsAuthentication. RedirectFromLoginPage(txt_name. Text, false); 
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(4) 当 用 户 退出 登录 时 ,可 以 使 用 FormsAuthentication. SetAuthCookie Cnull， 
false); 或 者 FormsAuthentication. SignOut() ;删除 认证 Cookie。 

修改 Logout. aspx. cs 中 Page_Load 事件 代码 如 下 : 

namespace BlogWebApp. Login 


{ 
public partial class Logout : System. Web. UI.Page 


protected void Page Load(object sender, EventArgs e) 


{ 
Session[ "user_id"] = null; // 清 空 Session 对 象 
FormsAuthentication. SignOut( ); // 删 除 认 证 Cookie, 退出 登录 
Response. Redirect("~/Login/Login. aspx" ); // 返 回 到 登录 页 面 


} 
9.2.4 小 结 


在 Web. config 中 还 可 以 设置 网 站 安全 性 等 其 他 众多 配置 选项 。 例 如 ,可 以 使 用 
ASP.NET 提供 的 网 站 管理 工具 (而 不 需要 手动 编辑 ) 来 创建 或 编辑 配置 文件 : 单 击 “解决 
方案 资源 管理 器 ”面板 中 的 “ASP.NET 配置 ”按钮 , 即 可 进入 站 点 管理 工具 的 欢迎 页 面 。 
它 提供 了 一 个 Web 界面 ,用 于 管理 当前 站 点 的 配置 设置 。 

网 站 管理 工具 提供 了 “主页 ”“ 安 全 ”“ 应 用 程序 ” “提供 程 序 ” 这 4 个 选项 卡 。 

使 用 “安全 ”选项 卡 可 以 管理 访问 规则 、 可 以 创建 和 管理 用 户 与 角色 (用 户 组 )。 

使 用 “应 用 程序 ”选项 卡 可 以 管理 与 网 站 有 关 的 各 种 设置 ,其 中 包括 ; 应 用 程序 设置 、 
SMTP 设置 .调试 和 跟踪 设置 等 。 

使 用 “提供 程序 ”选项 卡 可 以 指定 存储 网 站 成 员 和 角色 信息 的 数据 库 提供 程序 。 在 默 
认 情 况 下 ,网 站 管理 工具 在 网 站 的 App_Data 文件 夹 中 创建 一 个 本 地 SQL Server 
Express 数据 库 用 以 存储 用 户 信 息 ; 如 果 要 将 用 户 信息 存储 在 其 他 数据 库 中 ,可 以 使 用 
“提供 程序 ?选项 卡 选择 其 他 提供 程序 。 

首次 使 用 网 站 管理 工具 时 ,如 果 Web. config 文件 不 存在 ,网 站 管理 工具 将 创建 该 文 
件 ; 当 更 改 默 认 配 置 时 ,将 修改 Web. config 文件 。 对 于 大 多 数 设置 而 言 , 在 网 站 管理 工 
有 具 中 进行 的 更 改 都 将 立即 生效 并 反映 在 Web. config 文件 中 。 

读者 可 以 参见 ASP.NET 网 站 管理 工具 的 帮助 文件 得 到 更 详细 的 说 明 。 


9.2.5 思考 与 练习 
为 0931 新 闻 网 站 配置 基于 Forms 的 身份 验证 与 页 面授 权 。 
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任务 10.1 使 用 ASP.NET AJAX Extensions 
优化 新 闻 搜 索 页 


任务 目标 


(1) 熟悉 ASP.NET AJAX Extensions 控件 。 
(2) 会 用 ASP.NET AJAX Extensions 实现 页 面 局 部 更 新 。 


10.1.1 ASP.NET AJAX 简介 


前 面 介 绍 的 以 服务 器 端 为 中 心 的 ASP.NET Web 应 用 程序 有 一 个 很 大 的 缺陷 ,就 是 
它 需 要 频繁 地 刷新 页 面 ,页面 响应 速度 慢 。 传 统 的 Web 应 用 允许 用 户 填写 表单 (Form) ， 
当 提交 表单 时 就 向 Web 服务 器 发 送 一 个 请 求 。 服 务 器 接收 并 处 理 传 来 的 表单 ,然后 返回 
一 个 新 的 网 页 。 这 个 做 法 浪费 了 许多 带宽 ,因为 在 前 后 两 个 页 面 中 的 大 部 分 HTML 代 
码 往往 是 相同 的 。 由 于 每 次 应 用 的 交互 都 是 向 服务 器 发 送 请 求 并 获得 新 的 网 页 ,应 用 的 
响应 时 间 就 依赖 于 服务 器 的 响应 时 间 。 这 导致 了 用 户 界面 的 响应 比 本 地 应 用 慢 得 多 。 

与 此 不 同 , 使 用 AJAX 能 在 不 刷新 整个 页 面 的 前 提 下 维护 数据 。 这 使 得 Web 应 用 程 
序 更 为 迅捷 地 响应 用 户 交 互 ,并 避免 了 在 网 络 上 传送 那些 没有 改变 的 信息 。AJAX 
(Asynchronous JavaScript and XML ,异步 JavaScript 和 XML) 是 一 种 创建 交互 式 网 页 应 
用 的 网 页 开发 技术 。 事 实 上 ,AJAX 不 是 单一 的 技术 ,而 是 有 机 地 整合 利用 了 一 系列 相关 
的 技术 。 它 使 用 XHTML 十 CSS 来 表示 信息 ; 使 用 JavaScript 操作 Document Object 
Model 进行 动态 显示 及 交互 ; 使 用 XML 和 XSLT 进行 数据 交换 及 相关 操作 ; 使 用 
XMLHttpRequest 对 象 与 Web 服务 器 进行 异步 数据 交换 ; 使 用 JavaScript 将 所 有 的 东 
西 绑 定 在 一 起 。AJAX 应 用 可 以 仅 向 服务 器 发 送 并 取 回 必需 的 数据 , 它 使 用 SOAP 或 其 
他 一 些 基于 XML 的 Web Service 接口 ,并 在 客户 端 采用 JavaScript 处 理 来 自 服务 器 的 响 
应 。 因 为 在 服务 器 和 浏览 器 之 间 交 换 的 数据 大 量 减少 ,所 以 就 能 看 到 响应 更 快 的 应 用 。 
同时 由 于 很 多 的 处 理工 作 可 以 在 发 出 请 求 的 客户 端 机 器 上 完成 ,因此 Web 服务 器 的 处 理 
时 间 也 减少 了 。 简 单 地 说 ,AJAX 就 是 一 种 实现 无 刷新 效果 ,增强 用 户 体验 的 网 页 技术 。 

微软 推出 的 ASP.NET 的 AJAX 框架 一 一 ASP.NET AJAX, 将 AJAX 技术 集成 到 了 
ASP.NET 平台 中 ,成 为 ASP. NET 的 一 种 扩展 技术 。ASP.NET AJAX 是 一 个 免费 框 
架 , 是 目前 对 AJAX 技术 最 完备 的 封装 ,其 丰富 的 组 件 可 以 让 用 户 非常 方便 地 利用 面向 
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对 象 的 思想 实现 AJAX 网 页 技术 ,快速 地 创建 有 效率 及 交互 式 的 、 能 在 各 种 流行 的 浏览 器 
工作 的 Web 应 用 程序 。ASP.NET AJAX 框架 由 两 部 分 组 成 : 客户 端 脚本 库 和 服务 器 组 件 。 
客户 端 脚 本 库 (ASP. NET AJAX 框架 的 客户 端 部 分 ) 将 跨 浏览 器 的 ECMAScript 
(JavaScript) 技 术 和 动态 的 HTML(DHTML) 技 术 结 合 在 一 起 ,并 与 基于 ASP.NET 服务 
器 的 开发 平台 集成 。 服 务 器 组 件 (ASP.NET AJAX 框架 的 服务 器 端 部 分 ) 包 括 服务 器 端 
控件 ASP.NET 4.0 AJAX Extensions 和 以 ASP.NET AJAX Control Toolkit 为 代表 的 
第 三 方 控件 ,是 对 ASP.NET AJAX 框架 的 客户 端 脚 本 库 与 应 用 在 服务 器 端的 封装 。 它 
对 JavaScript 进行 了 非常 巧妙 地 面向 对 象 方面 的 扩展 ,以 此 提供 对 客户 端面 向 对 象 编程 的 
支持 。 这 使 得 用 户 在 开发 ASP.NET AJAX Web 应 用 程序 时 ,只 需要 关注 ASP.NET 
AJAX 服务 器 端 控件 ,就 像 关注 其 他 ASP.NET 控件 一 样 ,根本 不 需要 关注 JavaScript, 甚 
至 不 需要 了 解 JavaScript 也 可 以 实现 优秀 的 AJAX 效果 。 

ASP.NET AJAX Web 应 用 程序 与 完全 基于 服务 器 的 Web 应 用 程序 相 比 ,具有 很 多 
优点 。 它 可 以 提供 如 下 功能 。 

(1) 增强 的 效率 ,因为 网 页 的 大 部 分 处 理工 作 是 在 浏览 器 中 执行 的 。 

(2) 熟悉 的 UI 元素 ,如 进度 指示 器 .工具 提示 和 弹出 窗口 。 

(3) 部 分 页 更 新 ,只 刷新 已 发 生 更 改 的 网 页 部 分 。 

(4) 客户 端 与 用 于 Forms 身份 验证 的 ASP.NET 应 用 程序 服务 .角色 和 用 户 配 置 文 
件 的 集成 。 

(5) 自动 生成 的 代理 类 ,可 简化 从 客户 端 脚本 调用 Web 服务 方法 的 过 程 。 

(6) 一 个 框架 ,可 自 定义 服务 器 控件 以 包含 客户 端 功能 。 

(7) 对 大 部 分 流行 的 和 常用 的 浏览 器 的 支持 ,其 中 包括 Microsoft Internet Explorer、 
Mozilla Firefox 和 Apple Safari。 


10.1.2 安装 ASP.NET AJAX Extensions 


ASP.NET AJAX Extensions 是 开发 ASP. NET AJAX 程序 最 重要 的 安装 包 , 是 
ASP.NET AJAX 的 核心 ,包括 最 重要 和 最 基本 的 一 些 控 件 和 功能 。 对 于 这 个 安装 包 中 
的 内 容 , 微 软 公 司 为 其 提供 了 完善 的 技术 支持 ,在 MSDN 中 也 有 对 应 的 开发 文档 等 。 

本 教程 使 用 的 ASP.NET 4.0 AJAX Extensions 可 从 微软 ASP.NET 官方 网 站 免费 
下 载 。 具 体 步 又 为 : 进入 http://www. asp. net/ajax/downloads/archive/, 单 击 链 接 
Download ASP.NET AJAX Extensions, 下 载 文 件 名 为 ASPAJAXExtSetup. msi 的 安装 
程序 并 运行 。 安 装 完毕 后 ,在 Visual Studio 2010 中 选择 “新 建 项 目 ” 菜 单 会 出 现 ASP 
.NET AJAX-Enablled Web Application 项 目 模板 ,用 它 即 可 新 建 经 过 基本 配置 的 ASP 
.NET AJAX Web 应 用 程序 。 


10.1.3 ASP.NET AJAX Extensions 控件 简介 


ASP.NET 4.0 AJAX Extensions 控件 包括 以 下 5 种 。 

1. 脚本 管理 控件 ScriptManager 

ASP.NET AJAX 的 核心 就 是 ScriptManager 控件 ,该 控件 用 于 管理 支持 ASP. NET 
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AJAX 页 的 客户 端 脚本 。 任 何 一 个 使 用 ASP.NET AJAX 的 页 面 都 需要 加 入 ScriptManager， 
但 每 个 页 面 中 有 且 只 能 有 一 个 ScriptManager, 且 必须 出 现在 任何 需要 它 的 控件 之 前 。 它 
提供 了 实现 ASP.NET AJAX 功能 需要 的 基本 的 脚本 。 

2. 局 部 更 新 控件 UpdatePanel 

UpdatePanel 控件 用 于 实现 页 面 局 部 更 新 ( 即 在 页 面 回 传 过 程 中 刷新 网 页 的 选 定 部 
分 ,而 不 是 刷新 整个 网 页 ) 。UpdatePanel 控件 相当 于 一 个 容器 ,可 以 把 页 面 中 需要 更 新 
的 部 分 内 容 放置 其 中 。 例 如 ,把 一 个 GridView 控件 拖 到 UpdatePanel 中 , 则 GridView 
的 分 页 ,排序 操作 都 会 通过 AJAX 请 求实 现 页 面 局 部 更 新 ,而 不 是 每 个 操作 都 引起 整个 
页 面 更 新 。 这 种 更 新 方式 称 为 “部 分 页 更 新 ”。 部 分 页 更 新 相 比 整 页 刷新 可 节省 系统 开 
销 , 也 会 让 用 户 感觉 更 流畅 。 

这 里 需要 指出 的 是 ,用 UpdatePanel 控件 进行 部 分 页 更 新 时 ,提交 给 服务 器 的 数据 跟 
一 般 的 回 传 没有 什么 区 别 , 包 括 ViewState 中 的 数据 在 内 的 所 有 数据 被 传 回 服务 器 。 不 
同 的 地 方 在 于 从 服务 器 只 返回 部 分 更 新 部 分 的 数据 。UpdatePanel 控件 的 回 传 方式 被 分 
为 两 种 ,异步 回 传 和 常规 回 传 ,异步 回 传 引发 UpdatePanel 的 更 新 ,常规 回 传 引发 整个 页 
面 的 更 新 。 

下 面 介绍 UpdatePanel 的 几 个 常用 属性 。 

(1) ContentTemplate 

ContentTemplate 属性 用 来 定义 UpdatePanel 的 内 容 , 在 其 内 部 可 以 放 ASP.NET 控 
件 或 HTML 元 素 。 例 如 ,在 ContentTemplate 内 放置 一 个 Button 控件 的 代码 为 : 


<asp:UpdatePanel ID = "UpdatePanell" runat = "server"> 
< ContentTemplate> 
<asp:Button ID = "Button1" runat = "server" Text = "Button" /> 
</ContentTemplate> 
</asp:UpdatePanel > 


(2) Triggers 

UpdatePanel 控件 有 两 种 Triggers 属性 , 即 AsyncPostBackTrigger 和 PostBackTrigger 。 
其 中 ,AsyncPostBackTrigger 属性 用 来 指定 某 个 服务 器 控件 ,并 将 该 控件 触发 的 服务 器 
事件 作为 该 UpdatePanel 控件 的 异步 更 新 触发 器 ; 而 PostBackTrigger 属性 用 来 指定 在 
UpdatePanel 控件 中 的 某 个 服务 器 控件 , 它 引发 常规 回 传 . 整 页 更 新 。 下 面 的 代码 举例 说 
明了 Triggers 属性 的 使 用 方式 。 


<asp:Button ID = "Button1" runat = "server" Text = "异步 回 传 " OnClick = "Button1_Click"/> 
<asp:UpdatePanel ID = "UpdatePanel1" runat = "server"> 
< ContentTemplate > 
< asp:Button ID = "Button2” runat = "server" Text = "常规 回 传 " OnClick = "Button2_Click"/> 
</ContentTemplate> 
<Triggers> 
<asp:AsyncPostBackTrigger ControlID = "Button1" EventName = "Click" /> 
<asp:PostBackTrigger ControlID = "Button2" /> 
</Triggers> 
</asp:UpdatePanel > 
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其 中 ,ControlID 和 EventName 属性 分 别 用 来 指定 控件 ID 和 控件 事件 , 若 没 有 明确 
指定 EventName 的 值 , 则 自动 采用 控件 的 默认 值 ,比如 Button 就 是 Click。 在 上 面 的 代 
码 中 ,Buttonl 采用 异步 回 传 的 方式 ,而 Button2 采用 常规 回 传 的 方式 。Buttonl 位 于 
UpdatePanel 之 外 ,在 默认 情况 下 单 击 该 按钮 会 产生 常规 回 传 ,现在 在 UpdatePanel 中 添 
加 了 AsyncPostBackTrigger 属性 指定 Buttonl , 单 击 该 按钮 产生 的 却 是 异步 回 传 。Button2 
位 于 UpdatePanel 中 ,在 默认 情况 下 单 击 该 按钮 会 产生 异步 回 传 ,现在 在 UpdatePanel 中 添 
加 了 PostBackTrigger 属性 指定 Button2 , 单 击 该 按钮 产生 的 却 是 常规 回 传 。 

(3) UpdateMode 

UpdateMode 属性 表示 UpdatePanel 的 更 新 模式 ,可 取 值 为 Always (总 是 更 新 ) 或 
Conditional( 有 条 件 更 新 ) ,默认 值 为 Always。Always 表示 不 管 有 没有 Trigger, 其 他 控 
件 都 将 更 新 该 UpdatePanel; Conditional 表示 只 有 当前 UpdatePanel 的 Trigger 被 指定 
或 ChildrenAsTriggers 属性 为 true 时 ,当前 UpdatePanel 中 控件 引发 的 异步 回 传 或 者 常 
规 回 传 ,或 是 服务 器 端 调用 Update() 方 法 才 会 引发 更 新 该 UpdatePanel。 

有 时 需要 为 一 个 页 面 的 多 个 需要 局 部 更 新 的 区 域 加 上 不 同 的 UpdatePanel。 由 于 
UpdatePanel 默认 的 UpdateMode 属性 是 Always, 如果 页 面 上 有 一 个 局 部 更 新 被 触发 ， 
则 所 有 的 UpdatePanel 都 将 更 新 ,这 是 不 愿 看 到 的 ,只 需要 UpdatePanel 在 它 自己 的 触发 
器 触发 的 时 候 更 新 就 可 以 了 ,所 以 需要 把 UpdateMode 设置 为 Conditional。 这 个 值 的 设 
定 可 以 使 各 个 UpdatePanel 在 各 种 合适 的 时 机 更 新 。 

例如 , 某 页 面包 括 两 个 UpdatePanel。UpdatePanell 用 来 输入 数据 ,其 中 包括 几 个 输 
入 框 一 个 “添加 ”按钮 和 一 个 “取消 ”按钮 。UpdatePanel2 用 来 显示 数据 ,里 面 放 置 一 个 
GridView。 每 一 个 UpdatePanel 的 UpdateMode 属性 都 设置 为 Conditional, 并 将 
UpdatePanel2 的 Triggers 指定 由 * 添 加 ”按钮 引发 异步 回 传 。 这 时 , 当 单 击 “ 取 消 ?按钮 
时 ,只 有 UpdatePanell 刷新 , 当 单 击 “ 添 加 ”按钮 时 ,两 个 UpdatePanel 都 刷新 。 

(4) ChildrenAsTriggers 

ChildrenAsTriggers 属性 用 来 指示 UpdatePanel 中 直接 子 控件 的 异步 回 传 是 否 会 引 
发 UpdatePanel 的 更 新 。ChildrenAsTriggers 属性 可 取 值 为 True 或 False, 设 置 为 True 
时 更 新 ,否则 不 更 新 ,默认 为 True。 如 果 此 属性 设置 为 False, UpdatePanel 控件 的 
UpdateMode 属性 就 必须 设置 为 Conditional ,否则 系统 会 抛 出 异常 。 

表 10-1 所 示 将 UpdatePanel 的 UpdateMode 和 ChildrenAsTriggers 属性 取 值 组 合 
情况 作出 总 结 。 

注意 : 在 假设 某 UpdatePanel 的 ID 为 up1, 并 不 设置 AsyncPostBackTrigger 和 Post- 
BackTrigger 两 个 Triggers 属性 的 前 提 下 。 

UpdatePanel 更 新 情况 总 结 如 下 : 如 果 UpdatePanel 控件 不 在 另 一 个 UpdatePanel 
控件 的 内 部 , 则 面板 的 更 新 将 取决 于 UpdateMode 和 ChildrenAsTriggers 属性 以 及 触发 
器 集合 的 设置 ; 如 果 某 个 UpdatePanel 控件 位 于 另 一 个 UpdatePanel 控件 内 部 , 则 子 面 
板 会 自动 随 父 面板 一 同 更 新 。 

出 现下 列 情况 时 ,会 更 新 UpdatePanel 控件 的 内 容 。 
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表 10-1 UpdateMode 和 ChildrenAsTriggers 属性 取 值 组 合 情 况 总 结 


属性 取 值 组 合 说 明 

upl 内 部 控件 可 对 upl 内 容 实现 异步 回 传 ,局 部 更 新 

其 他 UpdatePanel 内 部 控件 可 对 upl 内 容 实 现 异步 回 传 ,局 部 更 新 
UpdateMode=" Always" UpdatePanel 之 外 的 控件 不 可 对 upl 内 容 实 现 异步 回 传 。 
ChildrenAsTriggers 二 "True” | UpdatePanel 之 外 的 控件 引发 常规 回 传 , 整 页 更 新 。 除非 用 
AsyncPostBackTrigger 指定 UpdatePanel 之 外 的 控件 对 upl 内 容 实 
现 异步 回 传 ,局 部 更 新 


不 允许 这 种 设置 


UpdateMode= "Always" 
ChildrenAsTriggers= "False" 


upl 内 部 控件 可 对 upl 内 容 实现 异步 回 传 ,局 部 更 新 

其 他 UpdatePanel 内 部 控件 不 可 对 upl 内 容 实现 异步 回 传 。 除 非 用 
AsyncPostBackTrigger 指定 其 他 UpdatePanel 内 部 控件 对 upl 内 容 
UpdateMode= "Conditional" 实现 异步 回 传 ,局 部 更 新 
ChildrenAsTriggers= "True" UpdatePanel 之 外 的 控件 不 可 对 upl 内 容 实 现 异 步 回 传 。 
UpdatePanel 之 外 的 控件 引发 常规 回 传 , 整 页 更 新 。 除非 用 
AsyncPostBackTrigger 指定 UpdatePanel 之 外 的 控件 对 upl 内 容 实 
现 异 步 回 传 ,局 部 更 新 


upl 内 部 控件 不 可 对 upl 内 容 实 现 异 步 回 传 。 除 非 用 
AsyncPostBackTrigger 指定 upl 内 部 控件 对 upl 内 容 实 现 异步 回 
传 ,局 部 更 新 

其 他 UpdatePanel 内 部 控件 不 可 对 upl 内 容 实 现 异步 回 传 。 除 非 
UpdateMode= "Conditional" 用 AsyncPostBackTrigger 指定 其 他 UpdatePanel 内 部 控件 对 upl 内 
ChildrenAsTriggers 二 "False” | 容 实 现 异步 回 传 ,局 部 更 新 

UpdatePanel 之 外 的 控件 不 可 对 upl 内 容 实 现 异 步 回 传 。 
UpdatePanel 之 外 的 控件 引发 常规 回 传 , 整 页 更 新 。 除非 用 
AsyncPostBackTrigger 指定 UpdatePanel 之 外 的 控件 对 upl 内 容 实 
现 异步 回 传 ,局 部 更 新 


(1) 如 果 将 UpdateMode 属性 设置 为 Always, 则 每 次 从 页 上 的 任何 位 置 执 行 回 传 时 
都 会 更 新 UpdatePanel 控件 的 内 容 。 回 传 包括 来 自 其 他 UpdatePanel 控件 所 包含 的 控件 
的 异步 回 传 ,也 包括 来 自 UpdatePanel 控件 未 包含 的 控件 的 回 传 。 

(2) UpdatePanel 控件 嵌 套 在 男 一 个 UpdatePanel 控件 中 并 且 更 新 父 面板 时 。 

(3) 将 UpdateMode 属性 设置 为 Conditional 并 且 满 足以 下 条 件 之 一 时 。 

O@ 显 式 调用 UpdatePanel 控件 的 Update 方 法 。 

@ 通过 使 用 UpdatePanel 控件 的 Triggers 属性 定义 为 触发 器 的 控件 导致 回 传 。 在 
这 种 情况 下 ,该 控件 显 式 触发 面板 内 容 的 更 新 。 该 控件 可 以 位 于 定义 触发 器 的 
UpdatePanel 控件 的 内 部 或 外 部 。 

@ 将 ChildrenAsTriggers 属性 设置 为 True 并 且 UpdatePanel 控件 的 子 控件 导致 回 
传 。 嵌 套 的 UpdatePanel 控件 的 子 控件 不 会 导致 更 新 外 部 UpdatePanel 控件 ,除非 将 子 
控件 显 式 定义 为 触发 器 。 

223 


ASP NET 动态 网 站 开发 项 目 化 教程 第 2 版 ) 


3. 更 新 进度 条 控件 UpdateProgress 

UpdateProgress 控件 用 于 为 长 时 间 的 AJAX 调用 给 用 户 提供 反馈 。 在 理想 的 情况 
下 ,AJAX 可 以 很 好 地 工作 。 但 是 如 果 遇 到 服务 器 响应 速度 慢 、 网 络 速度 不 理想 、 复 杂 的 
数据 库 请 求 等 原因 ,需要 用 户 等 待 一 段 时 间 , 此 时 AJAX 则 会 让 用 户 觉 得 没有 任何 的 反 
馈 , 这 是 用 户 不 希望 看 到 的 。 通 常 的 解决 方案 是 ,使 用 一 个 可 视 化 的 组 件 来 告诉 用 户 系统 
正在 进行 后 台 操作 并 且 正 在 读 取 数据 和 内 容 。UpdateProgress 控件 提供 了 这 样 的 功能 ， 
它 能 够 以 一 种 友好 的 方式 向 用 户 显 示 页 面 和 服务 器 正在 进行 交互 ,给 用 户 提 供 反馈 , 告 
用 户 操作 正在 进行 ,用 户 也 就 不 必 为 此 而 感到 无 所 适 从 了 。UpdateProgress 控件 运行 时 
的 表现 形式 完全 可 以 通过 其 模板 进行 自 定义 ,可 以 让 UpdateProgress 控件 显示 一 个 有 意 
义 的 消息 ,或 者 提供 一 个 取消 按钮 使 用 户 可 以 取消 操作 。 

4. 计时 器 控件 Timer 控件 

Timer 控件 用 于 在 一 个 规定 的 时 间 间 隔 内 引发 时 钟 事件 ,对 页 面 进行 同步 或 异步 周 
期 性 地 更 新 。 如 果 将 Timer 控件 和 UpdatePanel 控件 结合 在 一 起 使 用 ,可 以 按照 定义 的 
时 间 间 隔 启用 部 分 页 更 新 ,也 可 以 使 用 Timer 控件 来 发 送 整 页 。 

Timer 控件 的 一 般 形式 如 下 : 

<asp:Timer ID= "Timerl" runat = "server" OnTick = "Timerl_Tick" Interval = "60000"> 

</asp:Timer> 

它 表示 每 隔 1 分 钟 引 发 服务 端的 时 钟 事件 从 而 发 起 AJAX 调用 。Timer 控件 的 
Interval 属性 用 于 指定 时 间 间 隔 ,单位 是 毫秒 ,默认 值 为 60000(60s)。Timer 控件 的 Tick 
事件 用 于 指定 所 要 触发 的 事件 。 

5. 脚本 管理 代理 控件 ScriptManagerProxy 

ScriptManagerProxy 控件 允许 内 容 页 和 用 户 控件 等 典 套 组 件 在 父 元 素 中 已 定义 了 
ScriptManager 控件 的 情况 下 将 脚本 和 服务 引用 添加 到 网 页 。ScriptManagerProxy 和 
ScriptManager 的 功能 很 相似 。 但 ScriptManagerProxy 只 是 试图 充当 代理 去 调用 
ScriptManager 的 功能 ,从 而 保证 了 同一 个 页 面 实际 上 只 存在 一 个 ScriptManager。 


10.1.4 使 用 ASP.NET AJAX Extensions 实现 新 闻 搜 索 
列表 的 局 部 刷新 显示 


借助 ASP.NET AJAX 控件 ,使 用 很 少 的 客户 端 脚本 或 不 使 用 客户 端 脚本 就 能 创建 
丰富 的 客户 端 行为 ,如 在 异步 回 传 过 程 中 进行 部 分 页 更 新 和 显示 更 新 进度 。 不 过 ,所 有 
ASP.NET AJAX 控件 都 需要 Web. config 文件 中 的 特定 设置 才能 正常 运行 。 如 果 在 
Visual Studio 2010 中 ,选择 ASP.NET AJAX-Enablled Web Application 项 目 模板 新 建 
一 个 ASP.NET AJAX Web 应 用 程序 ,ASP.NET AJAX 相关 的 一 些 配 置 会 自动 添加 到 
该 Web 应 用 程序 的 Web. config 中 。 如 果 想 在 已 有 的 Web 应 用 程序 中 添加 ASP. NET 
AJAX 的 功能 ,就 需要 手动 修改 Web. config 文件 。 

下 面 对 任务 6. 3 中 已 经 完成 的 新 闻 搜 索 页 NewsSearch. aspx 再 进行 优化 ,增加 
ASP.NET AJAX Extensions 相关 控件 ,实现 新 闻 搜 索 列表 的 局 部 刷新 显示 。 对 于 这 个 已 
存在 的 新 闻 网 站 , 原 Web. config 中 一 些 经 过 设置 的 值 是 要 保留 的 。 在 配置 Web. config 时 可 
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以 进行 如 下 操作 。 

(1) 将 新 闻 网 站 原 Web. config 备份 。 

(2) 新 建 一 个 ASP.NET AJAX Web 应 用 程序 ,将 自动 生成 的 Web. config 中 的 代码 
复制 并 覆盖 新 闻 网 站 中 原 Web. config 的 内 容 。 

(3) 打开 步骤 (1) 中 的 备份 文件 ,将 原 Web. config 中 手动 修改 过 的 配置 代码 添加 到 
新 闻 网 站 新 的 Web. config 中 去 。 

(4) 打开 News 解决 方案 ,在 “解决 方案 资源 管理 器 "面板 中 ,向 Web 项 目 添加 对 
System. Web. Extensions. dll 程序 集 的 引用 ,如 图 10-1 所 示 。 


System.Web.Abstractions 
System.Web.DynamicData 
System.Web.DynamicData.Design 


图 10-1 添加 System. Web. Extensions 引用 


新 闻 搜 索 页 的 修改 主要 通过 以 下 两 步 来 完成 。 

1. 设置 页 面 局 部 更 新 

设置 页 面 局 部 更 新 的 基本 步骤 如 下 : 

(1) 添加 ScriptManager 控件 。 在 将 UpdatePanel 控件 添加 到 页 面 上 之 前 ,必须 添加 
一 个 ScriptManager 控件 。UpdatePanel 控件 依赖 于 ScriptManager 控件 来 管理 部 分 页 
更 新 。 由 于 一 个 页 面 中 只 能 放 入 一 个 ScriptManager 控件 ,因此 ,车 用 母 版 页 设计 网 页 ， 
可 将 ScriptManager 控件 放 在 母 版 页 中 ,内 容 页 就 不 需要 再 加 入 ScriptManager 控件 了 。 
打开 母 版 页 NewsPage. Master, 切 换 到 “设计 ”视图 ,将 工具 箱 的 AJAX Extensions 选项 
卡 中 的 ScriptManager 控件 拖 放 到 页 面 Form 开头 部 分 。 如 果 没 有 在 母 版 页 上 加 入 
ScriptManager 控件 , 则 必须 在 每 一 个 会 使 用 到 UpdatePanel 或 其 他 ASP.NET AJAX 控 
件 的 内 容 页 面 上 加 入 ScriptManager 控件 。 

(2) 添加 UpdatePanel 控件 。 打 开 内 容 页 NewsSearch. aspx, 向 页 面 添加 UpdatePanel 
控件 ,并 将 排序 、 分 页 按钮 及 Repeater 等 需 更 新 的 列表 内 容 全 部 移 至 UpdatePanel 中 。 
保存 修改 ,然后 按 Ctrl 十 F5 组 合 键 在 浏览 器 中 查看 页 面 。 

通过 比较 可 见 ,在 原来 的 新 闻 搜 索 页 中 , 单 击 排序 或 分 页 按钮 发 生 回 传 时 ,页 面 会 出 
现 闪烁 。 而 现在 经 过 优化 的 页 面 在 回 传 时 , 仅 刷 新 UpdatePanel 控件 部 分 ,不 会 发 生 页 面 
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闪烁 。 

注意 : 对 于 不 需要 更 新 的 内 容 ,例如 页 面 中 国定 不 变 的 内 容 , 就 不 要 将 其 放 在 
UpdatePanel 控件 中 。 其 目的 是 为 了 缩小 需要 更 新 的 范围 ,从 而 有 效 地 缩短 更 新 的 时 间 ， 
让 用 户 感觉 页 面 反 应 很 快 。 

2. 设置 更 新 进度 显示 

若 遇 到 网 络 延迟 ,这 时 候 如 果 在 页 面 上 出 现 一 个 GIF 动画 ,告诉 用 户 稍 等 ,等 服务 器 
处 理 完 数据 的 时 候 GIF 动画 消失 ,就 会 让 用 户 感觉 体贴 很 多 。 可 以 使 用 UpdateProgress 控 
件 来 实现 这 个 功能 。 在 请 求 UpdatePanel 的 新 内 容 时 ,用 UpdateProgress 显示 状态 消息 。 

设置 更 新 进度 显示 的 基本 步骤 如 下 : 

(1) 添加 UpdateProgress 控件 。 打 开 内 容 页 NewsSearch. aspx, 切 换 到 “设计 ”视图 ， 
将 工具 箱 的 AJAX Extensions 选项 卡 中 的 UpdateProgress 控件 拖 放 到 页 面 UpdatePanel 
控件 的 下 方 。 

(2) 建立 控件 关联 。 选 择 UpdateProgress 控件 ,并 在 “属性 ”窗口 中 将 AssociatedUpdate- 
PanelID 属 性 设置 为 UpdatePanell。 这 会 将 UpdateProgress 控件 和 先前 添加 的 
UpdatePanel 控件 相关 联 。 

(3) 设置 进度 提示 内 容 。 在 UpdateProgress 控件 的 可 编辑 区 域 二 ProgressTemplate 二 
二 /ProgressTemplate 二 模板 中 ,插入 文字 “正在 更 新 ...” 和 一 个 GIF 动画 。 保 存 修改 , 然 
后 按 Ctrl 十 F5 组 合 键 在 浏览 器 中 查看 页 面 。 如 果 在 页 面 运行 SQL 查询 和 返回 数据 时 出 
现 延 迟 , 则 UpdateProgress 控件 将 显示 输入 到 UpdateProgress 控件 中 的 消息 。 

(4) 如 果 应 用 程序 快速 更 新 每 页 数据 , 则 可 能 看 不 到 页 上 的 UpdateProgress 控件 的 
内 容 。UpdateProgress 控件 支持 DisplayAfter 属性 ,该 属性 可 以 使 得 在 显示 该 控件 之 前 
设置 延迟 。 这 可 阻止 当 更 新 过 快 时 ,浏览 器 中 发 生 控件 闪烁 。 在 默认 情况 下 ,延迟 设置 为 
500ms(0. 5s) ,这 意味 着 如 果 更 新 的 时 间 少 于 0. 5s, 则 将 不 会 显示 UpdateProgress 控件 。 
在 开发 环境 中 ,可 以 向 应 用 程序 添加 人 为 延迟 ,从 而 确保 UpdateProgress 控件 按 预期 方 
式 工作 。 在 Page_Load 事件 处 理 程序 中 添加 以 下 代码 ,人 为 地 创建 3s 的 延迟 ， System。 
Threading. Thread. Sleep(2000); 出 于 本 任务 演示 的 需要 ,Page_Load 事件 的 处 理 程 序 有 
意 引 入 了 延迟 。 这 是 一 个 可 选 步骤 ,并 且 仅 用 于 测试 应 用 程序 。 在 实际 应 用 中 ,不 用 引入 
延迟 。 相 反 , 延 迟 是 由 服务 器 通信 量 或 需要 花 很 长 时 间 处 理 的 服务 器 代码 造成 的 ,例如 
长 时 间 运 行 的 数据 库 查 询 。 保 存 以 上 代码 修改 .然后 按 Ctrl 十 F5 组 合 键 在 浏览 器 中 查 
看 页 面 。 现 在 ,由 于 向 新 页 数据 中 移 人 了 一 个 3s 延迟 ,因此 将 会 看 到 UpdateProgress 
控件 。 

当 单 击 排序 或 分 页 按钮 时 ,优化 后 的 新 闻 搜 索 页 运行 效果 如 图 10-2 所 示 。 

优化 后 新 闻 搜 索 页 NewsPage. Master 的 关键 代码 如 下 所 示 。 


<% @ Master Language = "C#" AutogventWireup = "true" CodeBehind = "NewsPage. master. cs" 
Inherits = "Web. NewsPage" %> 


<body> 
<form id = "forml" runat = "server"> 
<asp:ScriptManager ID = "ScriptManagerl1" runat = "server"> 
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新 间 搜 索 

排序 方式 匡 质 标题 升序] | [6 技 日 基 和 席 

标题 作者 日 期 浏览 次 数 类 别 

第 四 届 “ 职 场 之 星 ”模拟 求职 大 赛 青木 2009/08/19 14:: 4 孝 育 

100 多 家 单位 梁 首 温 职 宪 “ 招 山岳 士 ” 乔 仁 想 2009/08/19 2 教育 

以 | 昌 挤 新 拉动 新 车 消费 号 晓 2009/07/02 15: 0 财经 

留学 要 以 “ 兴 孝 为 先 ” 张 凡 2009/07/02 14:49:00 0 教育 

公告 牌 Hot100 单 曲 榜 50 周 年 时 要 2009/07/02 11:01:00 0 如 乐 

4 页 共 16 肌 ip 条 [ MR |][ FE ii i 


10-2 优化 后 的 新 闻 搜 索 页 运行 效果 


</asp:ScriptManager> 
< div id= "container"> 


</div> 


</form> 
</body> 


NewsSearch. aspx 的 关键 代码 如 下 : 


<% @ Page Language = 


"C#" MasterPageFile = "~ /NewsPage. Master" AutoEventWireup = "true" 


CodeBehind = "NewsSearch. aspx. cs” Inherits = "Web. NewsSearch" Title = "新 闻 搜索 "”%> 
<asp:Content ID = "Content1" ContentPlaceHolderID = "ContentPlaceHolder1" runat = "server"> 
<div id= "col"> 
<div class = "box"> 
<div class = "box_title"> 新 闻 搜索 </div> 
<div class= "box_text"> 


< asp:UpdatePanel ID = "UpdatePanel1" runat = "server" UpdateMode = "Conditional"> 
< ContentTemplate> 
<div> 


排序 方式 : 


</div> 
<div> 
<ul id= "title vl"> 


</ul> 
<asp: Repeater ID = "rpNews" runat = "server" EnableViewState = 
"false"> 


</asp:Repeater> 
</div> 
<div id= "page"> 


</div> 
</ContentTemplate> 
</asp:UpdatePanel > 
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<asp:UpdateProgress ID = "UpdateProgress1l" runat = "server" 
RssociatedUpdatePanelID = "UpdatePanel1"> 
< ProgressTemplate> 
正在 更 新 ...<br /> 
<asp: Image ID = " Imagel” runat = " server" ImageUrl = "一 /hpp_ 
Themes/Default/Images/ajax_special updater. gif" /> 
</ProgressTemplate> 
</asp:UpdateProgress> 
</div> 
</div> 
</div> 
</asp:Content > 


10.1.5 小 结 


(1) 使 用 ASP.NET AJAX 功能 ,可 以 生成 丰富 的 Web 应 用 程序 ,改进 用 户 体验 并 提 
高 Web 应 用 程序 的 效率 。 

(2) ASP.NET AJAX 具有 类 似 传统 的 ASP.NET Web 应 用 程序 的 开发 模式 ,使 用 起 
来 非常 方便 。 只 要 在 Visual Studio 中 轻松 拖 放 相 应 控件 即 可 实现 强大 的 客户 端 AJAX 
功能 。 

(3) ASP.NET AJAX 的 UpdatePanel .UpdateProgress 和 Timer 控件 需要 ScriptManager 
控件 支持 才能 实现 部 分 页 更 新 。 

(4) 当 对 UpdatePanel 进行 属性 设置 时 ,不 允许 将 ChildrenAsTriggers 设置 为 false 
的 同时 将 UpdateMode 设置 为 Always, 和 否则 会 引发 系统 异常 。 


10.1.6 思考 与 练习 
给 新 闻 速 览 页 NewsList. aspx 增加 局 部 刷新 显示 功能 。 
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